2013-05-30 4 views
0

Я использую great plugin, что привязывает к точке привязки при прокрутке в пределах указанной близости. Тем не менее, я хотел бы добавить анимацию к этому эффекту, но не могу заставить ее работать.Привязка к якорю точка анимации

Вот лучший код, который я мог придумать:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).scrollsnap({ 
     snaps: '.snap', 
     proximity: 200, 
     }, 300,"easeInOutExpo"); 
    }); 
</script> 

Как я могу сделать эту работу?

+0

С страницы, которую вы связали с: 'Обратите внимание, что этот плагин просто реализует логику вертикального привязки и не предоставляет стиль.« Что еще может «стиль» означает анимировать в этом контексте? – 11684

ответ

0

Глядя на code, похоже, что он будет пытаться оживить хватку до тех пор, как вы экземпляр плагина с использованием элемента, а не сам документ:

$(scrollingEl).animate({scrollTop: (matchingEl.offsetTop + settings.offset)}, 200); 

Поэтому я хотел бы предложить инстанцировании это вместо ссылки на элемент верхнего уровня вашей страницы.

Продолжительность и ослабление жестко запрограммированы, как вы можете видеть из вышеизложенного, но достаточно легко внести изменения в код плагина, чтобы вы могли динамически устанавливать эти свойства с помощью параметров подключаемого модуля, если вам нужно.

Смежные вопросы