wordpress主题侧边栏随窗口浮动

发布时间:2012-08-08 5:01:58

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>

 

相关文章

写给所有做网站的朋友的一封信

写给所有做网站的朋友的一封信

现在就开始执行“1+N”营销推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质 量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体营销推广吧,我们和你一起,开创互联网营销大未来!

点击查看详情

准备开启WordPress网站建设推广?

我们相信高端漂亮的网站不应该是昂贵的,这就是wordpress对每个人都是免费的原因
wordpress建站免费入门,并提供价格合理的wordpress建站套餐。