搬码资源网广告位 搬码资源网广告位

wordpress主题侧边栏随窗口浮动

下面是搬码源码网 abnma.com 通过网络收集整理的代码片段。搬码源码网小编现在分享给大家,也给大家做个参考。

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>

以上是搬码源码网(abnma.com)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得搬码源码网网站内容还不错,欢迎将搬码源码网网站推荐给程序员好友。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/11359.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?