WordPress主题侧边栏随窗口浮动

现在大部分WordPress主题其实都自带侧边栏随窗口浮动功能,但这类需求依然存在,今天易网Pro小编教你如何不用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>

联系我们

联系我们

13066087654

在线咨询: QQ交谈

邮箱: 2237654@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息
关注微信
微信扫一扫关注我们

微信扫一扫关注我们

手机访问
手机扫一扫打开网站

手机扫一扫打开网站

返回顶部