Question

我遇到了一个我无法找到原因的问题 - 我没有看到任何问题甚至接近 - 这是第一个！

我正在通过自定义的wordpress模板开发客户端网站。我有一个使用三个“文本”小部件的侧边栏。当您第一次加载页面时，布局是完美的，但只要您与页面交互 - 即向下滚动 - 整个侧边栏就会向右跳跃20-30个像素。

任何人都知道我应该在哪里开始寻找原因吗？我真的很感激一些指点！

开发者网站网址：http://dev.familyandnursingcare.com.php53-6.ord1-1.websitetestlink.com 我在这里复制了各种模板css文件以供查看：http://www.bluetabby.net/fnc/

谢谢！

Answer 1

你的script.js下面有这些行，它们在窗口滚动事件的边栏上设置了一个“固定”的类

 $window.scroll(function(event) {
     $sidebar.addClass('fixed');
     scrollTop = $window.scrollTop(),
     topPosition = Math.max(0, (sidebarTop) - scrollTop),
     topPosition = Math.min(topPosition, (footerTop - scrollTop) - sidebarHeight);
     $sidebar.css('top', topPosition + $addHeigth);
 });

CSS中的

.sidebar.right.fixed {
  position: fixed;
  margin-left: 725px;
}

您需要将margin-left：725px更改为大约690px，使其与加载时的布局相同。

Wordpress模板 - 侧边栏在滚动时跳转

1 个答案: