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>

注明:本文为星速云原创版权所有,禁止转载,一经发现将追究版权责任!

(0)
上一篇 2022年4月20日 上午5:08
下一篇 2022年4月20日 上午5:09

相关推荐

发表评论

登录后才能评论
QQ客服
微信客服
微信客服
分享本页
返回顶部