我正在使用同位素来显示一个引导3框架内的图像网格。我有一个粘性页脚(使用推荐的绝对定位,底部设置为0)。
当浏览器窗口的高度降低时,包含同位素-d图像的div并不会停留在粘性页脚开始的位置--因此底-- div中最底层的60 of (实际数量取决于为页脚设置的高度)由脚注或扩展到页脚下面的页脚或扩展来隐藏。差异取决于我是否为容器div设置了一个高度。
这是来自的html
the codepen contains an example
我猜这个问题是因为同位素定位的所有图像都是绝对定位的。对于如何正确处理这个问题,有什么建议吗?
谢谢
我有问题,粘性javascript功能,允许固定定位的div。
这是一项功能:
$(function(){ // document ready
if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
var stickyTop = $('.sticky').offset().top; // returns number
$(window).scroll(function() { // scroll event
var windowT
我有一个非常嵌套的<div>元素。如何在此元素中呈现一个将浮动在屏幕顶部(body或html)的新元素?
粘性位置相对于最近的元素(父元素),这不是一个答案。
如果不能用CSS完成,是否有任何JS库可以这样做?
<html>
<body>
<div>
<div>element should be sticky to the top of the page</div>
</div>
</body>
</html>
我如何让左侧边栏(孙子)相对于主体是粘性的,但导航栏和主要内容是可滚动的。 <div>
<div>navbar (should scroll away)</div>
<div>
<div>side pane (should stick to the top of the screen)</div>
<div>main content (should scroll away)</div>
</div>
</div>