• 滚动一点后,我需要在底部添加一个粘性div

    我需要一个粘性div,仅在完成一定量的滚动后才显示。 我能够从一开始就获得粘性div,但是我希望一旦滚动整个段落1时,黄色粘性div就显示出来。 这就是我得到的 This is something I want.. when paragraph 1 is showing and once the paragraph 1 is scrolled then i want the sticky div to appear on bottom like this 附言:我不允许显示文本,所以我改用lore...
  • 如何在NextJS中正确使用Sass

    我一直在用scss模块设计NextJS应用的样式,并且运行良好。后来我回来从事其他工作,突然被这个错误击中: Syntax error: Invalid CSS after "...ound: variables": expected expression (e.g. 1px, bold), was ".$main-gradient-bac" I am confused because I had not made any changes and it had been running fine ear...
  • 固定位置时无法在导航栏后面显示内容

    我有一个简单的react应用程序,显示我的导航栏,但是只要我固定其位置即可;它停留在顶部,但内容不会隐藏在后面。 我的导航栏: class Nav extends Component { render() { return ( <div> <header className="toolbar"> <nav className="toolbar__navigation"> ...
  • 悬停效果未覆盖指定类别的所有div

    我有一个汉堡切换菜单,使用(短)视频作为菜单选项。 CSS代码是通过sass编写的,因此我将同时包括scss和相应的CSS代码。 https://frysling.netlify.app/ 所有这些菜单选项均应具有正常运行的链接和悬停效果,以将黑色#000覆盖物带有悬停效果的方式移除,将覆盖div的不透明度设置为0。 但是,只有第一个(1/4)和最后一个(4/4)菜单选项具有悬停效果和有效的链接。链接无处到达atm,但是指针光标显示在这两个.footer-content div上。 我试过重写第二和第三个....
  • 角材料对话框面板类更新

    我正在使用“角度材质”对话框,并且尝试使背景成为自定义颜色。这个问题已经被问了好几次了,我尝试应用答案,但是似乎没有用。具体来说,对话框容器的panelClass似乎没有更新。下面是打开对话框的组件,_theming.scss文件和HTML元素 import { Component, OnInit} from '@angular/core'; import { AuthService } from 'src/app/AuthenticationPackage/core/auth.service' impor...
  • 除非我更改最大宽度,否则css图像的最大高度无效

    我是一个全栈开发人员,但是css是我的弱点,因此我决定在此方面加倍努力。我的状况很奇怪,无法弄清原因。问题是我无法正确调整图像高度和宽度。我正在使用reactstrap,bootstrap和scss,但是我确保bootstrap代码不会覆盖我的CSS: import "bootstrap/dist/css/bootstrap.min.css"; import "../styles/main.scss"; 这是html的一部分: <Col md="6"> <div classNa...
  • 如何在特定div标签内设置链接样式?

    因此,我有以下scss,该scss应该针对名为category的类中的链接,但是,只有:hover部分是样式,而普通链接是从Categories类的父级获取其颜色的,并且不会被我写的scss。我做错什么了? .categories { a{ color: #767676; text-decoration: underline; } a:hover{ color: #767676; text-decoration: underline; } } <div cl...
  • 具有相同流体/自动高度CSS / SCSS的元素

    我想使三个元素的高度与仅文本内容的高度相同。或者至少是一种将它们对齐的方式,以便它们保持在同一行。 布局分为两列和三行(如代码段所示,列1,列2和列3),因此我可以由父div分配属性。 如果变量可以,我正在使用SCSS。 这是代码: .some-page-wrapper { background-color: red; } .row { display: flex; flex-direction: row; flex-w...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部