1

我有一个页面布局，其中全宽图像位于顶部，然后在右侧是文本内容。在左侧，有一个带有社交链接的小滚动 div。

就像这样：http ://blog.teamtreehouse.com/building-a-jquery-sticky-sidebar-navigation-menu （社交链接滚动，然后固定，然后从另一个 div 滚动）。

这是一个示例，但没有下面的最后一块拼图：http: //jsfiddle.net/nwFrg/

            function sticky_relocate() {
          var window_top = jQuery(window).scrollTop();
          var div_top = jQuery('#e-c-r-top').offset().top ;
          if (window_top > div_top)
            jQuery('.socialbar-left').addClass('fixedsocialbar')
          else
            jQuery('.socialbar-left').removeClass('fixedsocialbar');
          }
        // If you have jQuery directly, use the following line, instead
         jQuery(function() {
        // If you have jQuery via Google AJAX Libraries
        // google.setOnLoadCallback(function() {
          jQuery(window).scroll(sticky_relocate);
          sticky_relocate();
          });

当我们到达红色页脚时，我希望“hello box”停止并停留在那里，与底部对齐（直到该人再次向上滚动，然后一切都应该再次发生反转。

如果有人可以帮助告诉我 js 从滚动到固定（这已经在我的示例中），然后是底部的第三个触发器，我已经知道将其与底部对齐的 css，只需要 js 触发器。

我希望我已经解释清楚了。

4

1 回答 1

0

您可能不需要为整个固定/滚动开关而烦恼。相反，让 javascript 限制范围的上限和下限。如果用户滚动超过任一端，只需忽略这些数字并使用最小值/最大值。（您可以通过读取页面上相应元素的位置来获取最小值/最大值。）

于 2013-04-09T15:29:48.287 回答