javascript - 几个div中的粘性侧边栏

标签 javascript css sidebar sticky

我为每个 div 设置了侧边栏,我想通过固定向下滚动来获取所有侧边栏。

你可以在这里找到它

var tmpWindow = $(window),
    sidebar = $('.sidebar'),
    sidebarHeight = sidebar.height(),
    offsetBottom = $('.content').outerHeight();

$(window).scroll(function() {
    if ($(window).scrollTop() >= sidebarHeight) {
        $('.sidebar').addClass('fixed');
        alert(sidebarHeight);
    } else {
        $('.sidebar').addClass('fixed');
    }
});

http://jsfiddle.net/dLdvv6um/

如果我使用 js 它会消失...

最佳答案

您正在添加一个名为“fixed”的类,但您没有在您的 css 中指定该名称的类。如果您想添加直接的 css 属性,请使用 .css():.css({"position": "fixed"});.

关于javascript - 几个div中的粘性侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34951051/

相关文章:

javascript - 无法读取简单表的未定义属性 'mData'

javascript - jQuery "Can only call NodeList.item on instances of nodelist"

css - 使用 ng-select 时如何更改 css?

google-apps-script - 如何在 Google 电子表格中的 "on edit"可安装触发器中请求用户输入?

html - 如何在较小的屏幕上使侧边栏水平?

javascript - 传单:标记 'mouseclick' 上的自动滚动侧边栏

javascript - Angular.js 和 WebApi 返回 int 数组

javascript - ACE 编辑器 Apache Freemarker 模板要求不加载

html - 悬停子元素时保持父元素的悬停状态

缩放变换后的 CSS3 float 位置