• 0点赞

  • 0收藏

现在大部分WordPress主题其实都自带侧边栏随窗口浮动功能,但这类需求依然存在,今天追格小编教你如何不用WordPress插件轻松实现。


操作流程:

将下面的javascript代码插入到当前WordPress主题头部header.php模版中。

修改其中的“#sidebar”为WordPress主题侧边选择器名称;根据不同的主题头部模版高度,适当调整其中的数字“368”。


代码如下:

<script type="text/javascript">
     var documentHeight = 0;
     var topPadding = 15;
     $(function() {
     var offset = $("#sidebar").offset();
     documentHeight = $(document).height();
     $(window).scroll(function() {
     var sideBarHeight = $("#sidebar").height();
     if ($(window).scrollTop() > offset.top) {
     var newPosition = ($(window).scrollTop() - offset.top) + topPadding;
     var maxPosition = documentHeight - (sideBarHeight + 368);
     if (newPosition > maxPosition) {
     newPosition = maxPosition;
     }
     $("#sidebar").stop().animate({
     marginTop: newPosition
     });
     } else {
     $("#sidebar").stop().animate({
     marginTop: 0
     });
     };
     });
     });
    </script>

 

版权声明:追格所提供的文章、图片等内容均为用户发布或互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系我们www#zhuige.cn(#为@)删除。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论信息

TOP