使用CSS的粘滞Div位置

文章/答案/技术大牛

发布

2回答

html、positioning、sticky

我有一个鼓组的图像，我想在每个鼓上放置圆形击球垫。当我改变视图大小时，我在保持命中板的位置上遇到了问题。我尝试使用bootstrap来保持div在适当的位置，但我发现这不起作用，因为调整大小只会将命中板堆叠在左侧。当视图大小改变时，有没有办法在鼓集背景图像上使用CSS来保持hitpad在适当的位置？下面是我当前的HTML和我正在尝试放置hitpads的鼓集

浏览 17提问于2016-08-13得票数 0

1回答

在jquery中编辑滚动位置

html、jquery、css、scroll、css-position

我有一个网站设计，其中第二个标志需要出现后，设置滚动位置。logo-lines hide"}; window.addEventListener("scroll", myScrollFunc); 我是否可以修改这个脚本，以便当用户滚动到屏幕的设置点时，徽标停止固定位置，并与屏幕一起滚动其余内容？

浏览 30提问于2020-07-27得票数 0

1回答

页面滚动时停留在页面底部的粘滞div。

jquery、twitter-bootstrap、viewport、sticky、affix

当有人向下滚动我们的页面时，在某个时刻出现一个div (带有cta按钮)进入视图。我想要实现的是，从那一刻起，这个div就会变得“粘稠”，如果站点正在向下滚动，那么这个div就会与视口一起滚动到的底部。这个div基本上是，但不是，有点粘粘的页脚，因为网站的其他部分继续滚动在它后面。我使用</em

浏览 1提问于2017-08-22得票数 2

1回答

在滚动“粘性元素”时，需要坚持在“页脚区域”之前，而不是在页面底部。

javascript、jquery

我有一个“粘性元素”div，在页面加载，我已经设置的位置:固定与右下角对齐。 } $(".sticky-element").remove

浏览 2提问于2018-08-22得票数 0

1回答

位置:粘性问题-元素出现错位

css

CSS中的粘性定位支持非常好，但有一些小问题！我在两列布局上使用position: sticky。我在设置为粘滞的部分中有一个select下拉列表，当页面滚动时，粘滞定位的div中的select将呈现远离其位置的位置，在div之外，它原本不需要任何滚动就会出现在那里。截图如下：当我单击任意位置以关闭下拉菜单，然后再次打开它时，它在正确<e

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

2回答

常规菜单下的HTML粘滞导航栏

html、css、menubar

我目前正在尝试在我的常规菜单栏下面实现一个粘性的导航栏。然而，当我向上滚动时，我的导航栏覆盖了我的菜单栏。有人能帮我一下吗？sticky) { } else { } <a href="#home">Home&l

浏览 35提问于2021-01-08得票数 0

1回答

在Wordpress站点上的粘性位置

javascript、css、wordpress、sticky

我试图在我的网站上制作一个粘性元素，它是用wordpress制作的，带有一个自定义模板。你能帮我解决这个问题吗？

浏览 1提问于2019-11-20得票数 0

回答已采纳

1回答

HTML5导航栏不会粘滞在浮动对象上

html、css-float、sticky

*/}<div style="width:50%;background-color:#e6c79c;margin:3%;float:left;padding:1em;"> <div style="width:flex;background-color:#e6c79c;margin:3%;float:right;padding:2em;padding-to

浏览 15提问于2018-01-14得票数 0

1回答

位置固定或粘滞，仅在父div内滚动。

html、css

我希望我的所有按钮只在内部变得固定/粘稠，就像下面的示例一样，成为div的父级。但是当页面滚动时，位置粘滞不起作用，并且这个位置在滚动时是很好的，但是它不会停止在div上--也许你可以给我一个代码示例？thx<div class="position-button-anchor"> here i put my buttons</div> 定位-

浏览 3提问于2021-07-21得票数 0

回答已采纳

1回答

让一个元素停留在另一个全宽元素上

html、css

我需要创建表单，当滚动通过一个新的全宽元素时保持粘滞。红色矩形是粘滞的，当滚动时，它将粘滞在视口的顶部。我在这里面临的问题是，即使到达绿色部分，我也需要红色矩形保持粘滞。我目前实现这一效果的方法基本上是在一个父容器中使用

浏览 14提问于2020-03-07得票数 0

1回答

CSS位置粘滞

html、css

li> </ul> <div> test</div> <<

浏览 19提问于2019-11-10得票数 0

回答已采纳

5回答

引导-使用位置维护列宽度:固定？

css、twitter-bootstrap、css-position

我正在尝试在我的页面上创建一个“粘性”导航，一旦用户滚动到元素，div就会获得position:fixed;。该功能正在按预期工作，但一旦添加粘滞类，两列的宽度将保持在顶部的变化。我尝试将width:100%;添加到粘滞元素的CSS中，但随后元素扩展到容器之外。<div class="container">

浏览 3提问于2015-07-15得票数 6

回答已采纳

1回答

我的粘性定位元素的作用不像它应该

css、position、sticky

通常，我对粘性位置属性没有任何问题。但是，我不明白为什么我的副官不这么做。请参阅此处的问题：它应该保持在顶部:80‘t，但它没有。我读过关于粘性定位的堆栈溢出主题，但在那里找不到解决方案。下面是实际的css代码：position: stick

浏览 4提问于2022-02-07得票数 0

回答已采纳

3回答

css位置粘滞何时停止粘滞

css、sticky、boundary

我想知道为什么position: sticky适用于一些x轴滚动，但是一旦你滚动过屏幕宽度的初始宽度，你的“粘性div”就会停止粘滞。在这个例子中，我有一个粘在左边的栏(请注意，我不能使用position: fixed或position: absolute，因为在我的实际项目中，左div和右div都需要沿着y轴上下滚动，因此我们只想要左边粘住)left-st

浏览 0提问于2017-10-10得票数 13

回答已采纳

3回答

位置:固定，粘滞，不工作

html、css

位置:固定，粘滞，不工作。Html <header> <div> <div> <i class="login-icon fa fa-user-circle fa-3

浏览 6提问于2022-03-23得票数 0

3回答

html元素在提供位置相对属性的同时更改其位置

javascript、html、jquery、css、position

我有一个wordpress网站现在sticky属性消失了，但是菜单已经改变了它的位置，从页眉一直到页脚，有人能告诉我怎样才能让元素在使用relative属性的时候不改变位置，我的意思是我想让元素像以前一样保持在原来<em

浏览 0提问于2021-06-09得票数 0

3回答

检查DIV是否粘稠

css、html、css-position、bootstrap-4

我使用引导4类“粘性-顶部”(位置:粘性)来粘贴元素，你猜到了，在顶部。编辑-澄清我需要什么：类“粘滞-顶部”添加位置:粘性元素。在我的例子中，如果DIV的位置在顶部是粘性的，我想向DIV添加一个额外的类。

浏览 2提问于2017-11-22得票数 1

回答已采纳

1回答

如何使边栏粘在页面卷轴上？

css、sidebar、sticky

<div class="header">This is header</div> <div class="category-filtercol-2">Filter</div> <div class="category-content col-

浏览 3提问于2022-08-22得票数 0

1回答

位置:选择选项时的粘性跳转

css、position、sticky

我试图使用css样式，位置:粘性。除了select元素成为活动元素之外，它非常有用。页面回滚回粘性元素的位置。<div style="position: sticky; position: -webkit-sticky; top: 0;"> <option>Option</option></di

浏览 0提问于2018-06-11得票数 6

1回答

位置:粘滞不能与top属性一起工作？

javascript、jquery、html、css

位置:带有类侧边栏的div上的粘滞，底部:10px可以正常工作，但顶部:10px的属性不能像预期的那样工作？在带有类侧边栏的div上使用position: sticky with bottom: 10px，当我们向下滚动div stick到view port时，它的底部边缘在10px以上。类似地，在带有类侧边栏的div上的pos

浏览 14提问于2017-07-27得票数 3

点击加载更多