0

我遇到了一个我找不到原因的问题 - 我在这里没有看到任何接近的问题 - 这是第一个！

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

有人知道我应该从哪里开始寻找原因吗？我真的很感激一些指示！

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

谢谢！！

4

1 回答 1

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 以使其与加载时的布局相同。

于 2013-05-15T18:41:08.943 回答