纯CSS覆盖滚动

文章/答案/技术大牛

发布

2回答

javascript、html、css、overlay

只使用css和html，在向下滚动页面的其余部分之前，是否可以完全滚动掉内部div (覆盖红色div)？本质上，想知道只有在css中是否可以在冻结后面div的同时进行覆盖滚动？然后，一旦红色div消失，解冻背景滚动并继续。类似于这里的站点：https://humaan.com/。或者需要使用某种JavaScript？

浏览 36提问于2020-12-31得票数 3

回答已采纳

1回答

在我的导航中，联系人链接滑下一个覆盖在网站顶部的面板，如下所示：当面板向下滑动时，我不希望用户能够在面板下方向下滚动。基本上，我想禁用页面上的滚动。如果面板中的内容超过可用空间，它将在面板中滚动。这只需添加overflow:滚动到面板的css，如下所示： #contactPanel{width:100%; height:100%; overflow:scroll;position: absolute; top:-100%; left:0; z-index: 6; backgr

浏览 0提问于2013-06-28得票数 0

回答已采纳

2回答

带滚动条的jQuery同位素

jquery、jquery-isotope

我正在尝试在一个固定宽度的容器中实现Isotope插件，但是我在显示滚动条时遇到了麻烦。我想要的是强制滚动条(无论是默认的还是一些花哨的)在Isotope布局上，但它需要在一个固定的宽度和高度的环境中，溢出设置为隐藏在主体上。我所见过的使用Isotope、Masonry或Wookmark的所有示例都使用强制放在body或html上的滚动条，但对于我的情况，需要将其设置为隐藏。请多关照，谢谢。

浏览 1提问于2012-06-14得票数 0

1回答

粘性标头-主体位置相对于动态报头长度

javascript、css、sticky

我想要达到的- 我正在努力寻找一个纯CSS(甚至可能吗？)

浏览 1提问于2012-06-24得票数 1

回答已采纳

1回答

使网站适应不同的分辨率

html、web、fullscreen

我需要一些CSS代码，使我的网站适应在不同的分辨率整个屏幕，但是，如果屏幕太小，停止调整大小，并成为可滚动。我试过使用覆盖整个屏幕的div，然后将width和height设置为100%，将min-width设置为800px，将min-height设置为600px，但不起作用。有什么想法吗？PS:解决方案必须是纯超文本标记语言/CSS，JavaScript对我来说是不可能的。

浏览 0提问于2013-05-27得票数 0

3回答

如何调整100%的高度以包括添加元素的高度

javascript、jquery、html、css

我有一个div，它是使用JS动态添加的，它包括一个覆盖和一个包含的元素，应该在必要时与页面一起滚动(我不希望在该div中发生任何滚动，它调整大小以适应内容)。覆盖设置为width=100%和height=100%，以覆盖整个页面。但是，当包含的div最终比视口高时，这会导致覆盖在视口高度之后停止。这个解释太糟糕了，很可能更容易理解我的意思，下面是一个简化的小提琴：#overlay { height: 1

浏览 1提问于2014-05-02得票数 0

回答已采纳

1回答

Div跨度100%的浏览器高度和缩放

html、css、height、zooming

wrapper_with_fancy_bg_that_blends_into_bodys_bg{ min-height: 100%; 这是令人兴奋的，但我不知道如何在放大然后向下滚动时获得它有没有办法让div覆盖100%的体高，不管是什么纯css？

浏览 0提问于2012-12-18得票数 0

2回答

包含滚动条宽度的100vw问题

css、scrollbar、viewport-units

简而言之，它类似于：<div class="container"> </div>CSS： width1170px;} width: 100vw;} 它工作得很好，除了一件事:页面上的滚动条覆盖了子di

浏览 2提问于2018-10-12得票数 1

1回答

相对挠曲箱中的绝对定位元件

html、css、flexbox

我希望在这个div的底部有一个覆盖元素，所以我把position:absolute放在上面。如果它的高度是自动的，那将是最好的，但不是必须的。问题是，如果我滚动父相对div，那么绝对定位与它一起。我想要一个纯css解决方案。 Update1:工作解决方案：

浏览 2提问于2016-10-18得票数 1

1回答

纯css滚动阴影

html、css

当内容超过可用宽度时，我需要启用滚动阴影。这是我试图用纯css(没有JS)来实现的。我见过很多文章，可以用css实现多个背景和背景附件。预期行为：场景A:应该只在右侧启用阴影，因为滚动条位于最左边 * Only works in browsers supporting

浏览 0提问于2016-07-23得票数 13

4回答

如何添加纯CSS视差滚动

html、css、parallax

我想为我的网站添加一些纯CSS视差滚动功能，但我尝试的所有功能似乎都不起作用。我也在这里寻找答案，但没有回答我的问题。并添加一个纯CSS视差滚动功能，使背景滚动速度减半？谢谢!

浏览 1提问于2014-09-02得票数 1

1回答

javascript滚动触摸卷轴

javascript、ipad、scroll、touch

我想添加触摸滚动到我的应用程序。我已经用鼠标轮滚动，拖动，点击等等。我已经(某种程度上)设法让滚动在iPad上使用一个名为的插件。问题是，当我添加代码时，div变成了某种滚动，但返回到顶部(弹性效果)。我想知道如何才能使它正确滚动。备注我也在使用来自的网站模板。)>visibleHeight){ //custom scroll depends on content height $dragger_cont

浏览 1提问于2011-10-25得票数 1

2回答

难以覆盖纯CSS动画

css、animation、css-animations

我已经从其他地方借用了一个Venn动画，并希望将图标(通过CSS类的电离图标)放置在Venn中，这样他们就可以按照它来动画了。虽然动画现在是相同的符号以及CSS圆圈，他们不占据相同的空间，所以不覆盖我想要的。如何在现有的代码设置范围内实现这一点？我试过填充物，毛边等，但这扭曲了圆形图形。谢谢。

浏览 0提问于2018-10-10得票数 3

回答已采纳

1回答

纯css默认状态覆盖

css、pure-css、tabmenu

这是我正在学习的一门在线课程，我们应该只使用css。我遇到的问题是，我不能让第一个标签在默认情况下显示，如果我这样做了，它不会消失( css不会覆盖display:block)，如果默认情况下它是隐藏的，我就不尊重课程的要求。下面是我是如何做到的：#tabmenu > div {} position:relative; left:35%;正如我所说的，我只需要在CSS中做这件事，我知道JS和jQuery会很容

浏览 6提问于2018-04-24得票数 0

1回答

如何在CSS中使用自定义样式的滚动条模拟OS X滚动条行为

css、scrollbar、show-hide

我想用CSS设置滚动条的样式，但我也想让它的行为像OS的本机滚动条一样(即只在滚动时显示，在空闲时淡出)。有没有办法用纯CSS做到这一点？

浏览 0提问于2016-09-18得票数 0

1回答

禁用带有活动菜单覆盖的滚动条

jquery、css

当菜单覆盖处于活动状态(class：.overlay)时，我在禁用网站上的滚动条时遇到了问题。我创建了一个菜单覆盖，我希望滚动条被禁用时，覆盖是可见的。类似于这个我尝试了在Stackoverflow上给出的多个解决方案，但到目前为止还没有结果);

浏览 1提问于2017-06-04得票数 0

2回答

CSS3轻松实现移动安全

iphone、html、css、mobile-safari

例如，如果我有一个滚动条并拖动内容，当你经过顶部或底部时，它会反弹回来吗？我试着使用立方贝塞尔曲线的缓动功能，但无法在iPhone/iPod上模拟Mobile Safari中的摩擦力。

浏览 2提问于2010-11-09得票数 1

1回答

100%高度覆盖div的全屏背景图像

css、background-image

基本上，我想使用全屏背景图像，然后在左侧的logo和nav后面覆盖一个div (在链接的图片中，这是中间的灰色区域，周围有红线)，无论滚动与否，它都将始终具有100%的高度。我在overlay div中使用的css是：{ left: 360px; bottom: 0;width: 600px;} 但是当你必须滚动更大的内容时，div总是在“折叠处”结束，然后背景图像接管其余的内容

浏览 0提问于2011-12-08得票数 0

回答已采纳

4回答

纯CSS滚动动画

css、scroll、css-transitions、anchor

我一直在寻找一种方法，当单击位于页面顶部的按钮时，仅使用CSS3来向下滚动。所以我找到了这个教程：但它对我的需求来说有点太高级了，因为我只想让浏览器在点击页面顶部的一个按钮时向下滚动，所以我想知道:有没有可能在没有输入按钮的情况下进行CSS滚动，只需要一个锚标签？HTML看起来像这样：<a href="#" class="button">Learn more</a> 我已经有一些CSS，我需要在点击按钮时

浏览 6提问于2013-07-13得票数 79

回答已采纳

1回答

资源文件中的HTML标记显示为纯文本

c#、html、xml、visual-studio、resource-files

我正在尝试在资源文件中存储的“同意”字符串中加粗几个单词，以便在网页上的只读、可滚动文本框中显示。我尝试添加粗体标记-- <b></b>--但当网页运行时，它们在“同意”字符串中显示为纯文本。这个中断标记起作用并为同一资源文件中的所有其他字符串插入一个新行，在这个“同意”字符串中再次显示为纯文本。我认为它可能是css样式覆盖，但我不认为有css类引用包含此字符串的文本框。

浏览 17提问于2017-02-28得票数 0

回答已采纳

点击加载更多