下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。
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>
以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的wordpress主题侧边栏随窗口浮动全部内容,希望文章能够帮你解决wordpress主题侧边栏随窗口浮动所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)