当元素位于另一个元素内时，CSS位置粘滞不能正常工作

文章/答案/技术大牛

发布

3回答

html、css、header、css-position、sticky

我试图让一个元素位于顶部，但当它位于另一个div中时就不起作用了。头文件div本身没有任何样式。} <aside></aside></header> 如果我将sticky应用于header元素，它会起作用，但它也会拖

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

回答已采纳

3回答

Css / JS碰撞隐藏元素

javascript、html、css

它是一个位于屏幕左下角的absolute定位图像，位于页脚div内。.footer__endrow > .chefBottom { position: absolute;}这是工作和看起来很好，当桌面在一个正常的分辨率。当观看第二张图片时，viewport it self仍然在正常桌面网站的范围内，所以当它在平板电脑或手机大小时，我<

浏览 1提问于2018-02-16得票数 0

回答已采纳

1回答

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

html、css

我需要创建表单，当滚动通过一个新的全宽元素时保持粘滞。红色矩形是粘滞的，当滚动时，它将粘滞在视口的顶部。我在这里面临的问题是，即使到达绿色部分，我也需要红色矩形保持粘滞。父容器正在调整其子元素，红色矩形的位置是粘性的。但是现在我有了一个全宽<em

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

1回答

Chrome 80位置粘滞元素只粘贴外观，而不是DOM本身

css、google-chrome、sticky

我有一个具有粘性位置的td元素： position: sticky;} 正如您所看到的，当“实际上”悬停时，链接不会被悬停，除非鼠标指针位于它原来的位置上(比如当它的左边设置为0或位置不粘滞)。就像sticky属性只移动元素的“外观”，而不是其内容！它在较旧版本的chrome (78)中工作，但现在

浏览 3提问于2020-02-08得票数 1

回答已采纳

1回答

StickyJS:当元素“粘性”时如何改变css？

javascript

通过嵌入以下代码，我让它按预期工作：$(document).ready(function(){});<div id="sticker">Sticky</div>但是现在我需要改变分享条的颜色，当这个条是“粘性”的时

浏览 1提问于2016-12-04得票数 1

1回答

如何使粘滞位置相对于屏幕而不是父屏幕

html、css

当前的行为是，我有一个元素，可以设置该元素：bottom:0;position:sticky;我必须在html底部设置元素，这样它才能正常工作，即使这样，当您滚动到屏幕的最底部时，它也会将所有内容都推高。也就是说，如果position:absolute溢出

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

2回答

使响应式菜单粘滞

html、css、sticky

我可以让粘性菜单工作，我可以让响应式菜单工作(在手机上创建一个汉堡菜单)，但我不能让响应式手机菜单粘性！有谁能帮帮忙吗？

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

2回答

什么时候使用位置粘粘与css？

css、position、css-position

我从来没有使用过position: sticky;，并且在上找到了这个，但是我不明白什么时候应该使用这个位置。有人能想象到这个位置吗？

浏览 4提问于2013-11-25得票数 5

1回答

位置:在CSS正方形中不工作

css、sticky、squarespace

当您向下滚动时，希望在页面中有一个块。即.sticky { position: sticky; top: 0px; } 这是一个自定义的CSS代码在squarespace粘性甚至不会出现高亮的类似位置:固定做。

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

1回答

滚动后将导航栏返回到原始位置

javascript、jquery、html、css

我已经设置了这个页面，当您滚动经过导航栏的顶部时，它会变得粘滞，并停留在页面的顶部。这是我目前工作的。我应该如何更改jQuery，使其保持在原来的位置？header.offset().top, $header.csstop":

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

1回答

使用绝对定位将一个div放置在另一个div附近

javascript、html、css

我想要实现的是一个类似于元素定位的工具提示，该元素位于与元素相同的容器中，当单击该元素时，将显示一个包含表的div。完整的代码可以在这里找到：var _this = $(this); $(".child-data-tabl

浏览 2提问于2018-09-21得票数 2

1回答

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

css、sidebar、sticky

="category-content col-10">ontent</div><div class="footer">This is footer</div> position: stic

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

2回答

导航下拉菜单无法在移动视图中工作。

jquery、html、twitter-bootstrap

当我单击服务时，子菜单不工作，而且链接也不起作用。有谁可以帮我？找到我在这里看到的截图：

浏览 1提问于2019-04-24得票数 0

回答已采纳

3回答

观察具有单独单击观察功能的元素内的元素的单击

javascript、prototypejs

我在另一个元素中有一个元素，两个元素都有单独的点击功能。如果子元素有点击功能，我想要做的是忽略或停止父元素。click', function(e) { });});发生的情况是，当单击child1时，由于child1位于父对象内，

浏览 3提问于2012-01-27得票数 2

回答已采纳

2回答

谷歌铬与位置粘稠的错误？

javascript、html、css、position、sticky

定位粘滞的元素行为不正确，这意味着:一切似乎都很好，除非您将一个粘性定位元素悬停，否则它不会对交互等作出反应。(JavaScript-函数不会在单击时触发)它的位置(相关元素)是粘稠的，但它的行为是错误的！那个问题有什么解决办法吗？

浏览 3提问于2018-03-19得票数 3

回答已采纳

2回答

Internet Explorer :当目标DOM元素在DOM中移动时，悬停状态变得粘滞

jquery、css、internet-explorer、hover

我正在构建一个应用程序，允许您移动列表项目从一个列表到另一个简单地点击它们。然而，我发现的问题是，在Internet Explorer (测试版本7-9)中，当我移动一个DOM元素时，该元素的:hover状态仍然存在(变得粘滞)，即使鼠标移动也是如此。只有当用户将鼠标悬停在新位置的项目上，然后将鼠标移开时，:hover状态才会消失。这似乎只是一个Internet Explorer的问题。如果您正在使用IE，您可以转到查看该问题当然还有一种变通的方法，那就是不使用<em

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

2回答

绝对定位容器内的棒元素

javascript、css、flexbox、sticky

考虑一个元素".sticky-element" (橙色)，它位于绝对定位容器".tab" (绿色、蓝色、紫红色)内。我想让它变得“粘稠”，所以当父".container" (灰色)滚动时，".sticky-element"总是在顶部。我已经尝试过，但没有成功地得到偏移位置的粘性元素，并相应地控制“顶部”与滚动位置的容器。是否有任何纯CSS解决方案？如果没有

浏览 7提问于2022-08-26得票数 0

1回答

为什么我的粘滞导航在我的ipad上不起作用？

javascript、html、css

我的单页面网站()有一个粘滞的导航功能，但它在我的iPad上不能正常工作。它始终位于页面顶部，但当我单击链接时，什么也没有发生。只有当我在页面顶部，或者当链接指向的部分已经部分可见时，这些链接才会起作用。我不知道这是javascript，css还是html的问题。

浏览 1提问于2012-09-25得票数 0

3回答

使用jQuery选择器定位页面上的元素

javascript、jquery、web-inspector

我目前正在使用(例如)这个在控制台中以突出显示匹配的元素。然而，当这些元素被隐藏时，这并不能很好地工作。有什么好办法吗？编辑:为了澄清，我只使用input标记作为示例，当我的意思是隐藏时，我指的是一个元素，它可能位于窗口之外

浏览 4提问于2015-08-11得票数 0

1回答

关于单选按钮的CSS问题

html、css

我有HTML，我不能改变它，我需要对它内部的输入元素应用CSS样式(类型:radio)。但我不能这么做。已经花了几个小时试着让它工作。这有可能吗？margin-bottom: 12px; font-size: 18px; cursor: pointer;其中一个<input>元素位于<span>元素内，因此它的工作</

浏览 1提问于2015-03-26得票数 0

点击加载更多