2016-01-08 3 views
0

Являются ли они любыми шаблонами дизайна (например, WordPress или bootstrap) в полимере, которые имеют эффект прокрутки до следующего div или предыдущего div onscroll и оживления предыдущего div (например, parallax-container) Я попробовал parallax- контейнер, но он имеет переполнение, я использовал переполнение: hidden; но отображение было неправильным.Тогда я реализовал эти функции и вызвал при нажатии клавиши вниз и вверх стрелки.Как достичь этого в полимере

scroll_down() { 
    //dist = next element offsetTop 
smooth_scroll_to(el,dist, 2000); 
    //sliding previous div by adding animation name 
} 
    scroll_up(){ 
    //dist = previous element offsetTop 
smooth_scroll_to(el,dist, 2000); 
//sliding div by adding animation name 
    } 

Когда пользователь нажимает ту же кнопку несколько раз или комбинацию обоих кнопок они Мессинг (анимация и прокрутка), так что я ищу для любого шаблона или любого компонента. Мои дивы присутствуют внутри бумажного заголовка панели

Любая помощь приветствуется,

Спасибо,

Babji.

+0

Это может помочь. https://customelements.io/search/parallax – tkay

+0

Я пробовал parallax-контейнер, но его прокрутка по горизонтали. Я попытался сделать переполнение: hidden; но в нем показаны элементы, имеющие минимальное значение z-индекса при увеличении. – Babji

+0

@Babji: [demo] (http://winhowes.github.io/parallax-container/components/parallax-container/demo/) явно скопирован вертикально. Пожалуйста, ознакомьтесь с исходным кодом демо, чтобы найти свою проблему. – jdepypere

ответ

1

Я обновил элемент parallax-container, о котором идет речь, с исправлением, чтобы решить эту проблему до тех пор, пока основная проблема с webkit не будет решена. Последняя версия элемента parallax-container 1.0.1 - сообщите мне, есть ли какие-либо проблемы :)

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