首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当到达浏览器的顶部边缘时,粘滞的左侧边栏缩小和右侧栏扩展

当到达浏览器的顶部边缘时,粘滞的左侧边栏缩小和右侧栏扩展
EN

Stack Overflow用户
提问于 2018-07-17 21:21:40
回答 0查看 111关注 0票数 1

日安,我需要一点编程帮助,我只是把一个简单的粘性博客代码放在我的博客上。它工作得很好,但只有一件事需要修复。当侧边栏到达浏览器顶部边缘时,左侧会稍微收缩,右侧会在滚动条旁边展开。我应该怎么做才能让这两个侧边栏保持一致。下面是我在博客中使用的代码。

代码语言:javascript
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(function() {
    var ks_widget_top = $('#widget Id').offset().top;
    var ks_sticky_widgets = function(){
        var ks_current_top = $(window).scrollTop(); 

        if (ks_current_top > ks_widget_top) { 
          $('#widget Id').css({ 'position': 'fixed', 'top':0, 'z-index':999999 });
        } else {
            $('#widget Id').css({ 'position': 'relative' }); 
        }   
    };
    ks_sticky_widgets();
      $(window).scroll(function() {
         ks_sticky_widgets();
    });
});</script>
EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51382501

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档