WordPress主题侧边栏随窗口浮动

现在大部分WordPress主题其实都自带侧边栏随窗口浮动功能，但这类需求依然存在，今天追格小编教你如何不用WordPress插件轻松实现。

操作流程：

将下面的javascript代码插入到当前WordPress主题头部header.php模版中。

修改其中的“#sidebar”为WordPress主题侧边选择器名称；根据不同的主题头部模版高度，适当调整其中的数字“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>