Объединение путевых точек и горизонтальной прокрутки

Question

Мне удалось получить путевые точки (http://imakewebthings.com/jquery-waypoints/) и горизонтальный прокрутки (http://www.htmldrive.net/items/show/966/jQuery-Horizontal-automatic-Scrollbars-with-mouse), работающие на отдельных страницах, но не могут их комбинировать. Я думаю, что это имеет какое-то отношение к параметрам опций путевых точек.

Функция путевых точек:

$(function() { 
      $('#waypoint').waypoint(function() { 
       alert('You have scrolled to an entry.'); 
      }, { 
       offset: '100px' 
      }); 
     }); 

Его добавляют к странице с:

<div id="horiz_container_outer"> 
<div id="horiz_container_inner"> 
    <div id="horiz_container"> 
     <div class="horiz_box1">Stuff</div> 
     <div class="horiz_box2">Stuff</div> 
     <div class="horiz_box1">Stuff2</div> 
     <div class="horiz_box2">Stuff2</div> 
     <div class="horiz_box1">Stuff3</div> 
     <div class="horiz_box2">Stuff3</div> 
     <div id="waypoint">Waypoint</div> 
    </div> 
</div> 

Я собрал Quic k JS, но горизонтальный слайдер по какой-то причине не работал в этом примере. ЕСЛИ это помогает: http://jsfiddle.net/bretwhiteley/w2p84Lmp/

Answer 1

В дополнение к опции horizontal вам необходимо установить опцию context, так как прокручиваемый элемент, который вы используете, не является окном. Из документов:

Контекст определяет, какой прокручиваемый элемент принадлежит и действует внутри. Окно по умолчанию означает, что смещение путевой точки вычисляется относительно всего видового экрана. Вы можете установить это для другого элемента, чтобы использовать путевые точки внутри этого элемента. Он принимает селекторную строку, необработанный элемент HTML или объект jQuery.

Update: Выпуск 3,0 приносит новый документ страницу для context option и меняет правила немного о том, что разрешено в зависимости от построения вы используете.