创客云
更专业,更规范,更实效,更懂营销!

wordpress主题侧边栏随窗口浮动

  wordpress主题侧边栏随窗口浮动。

实现方法:

  将下面的javascript代码加到主题头部header.php模版中。修改其中的“#sidebar”为你的主题侧边选择器名称;根据不同的主题头部模版高度,适当调整其中的数字“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>
WordPress主机推荐:创客主机 | 承接wordpress主题|插件汉化服务!(联系客服
分享到: 更多 (0)

评论 抢沙发

您必须登录后发表评论!

 

本站承接WordPress/DedeCMS等系统建站、仿站、开发、定制等服务!

关于我们联系我们
嘿,我来帮您!