2014-02-06 3 views
0

Как создать Div, которое составляет 100% ширину & Высота, на которую нельзя прокручивать. Тем не менее, при нажатии кнопки на «следующий вид», который находится сверху: 100%; (вне поля зрения) Я хочу, чтобы вторая часть веб-сайта была прокручиваемой. Похоже на первую страницу, которую вы могли бы сказать.Создание прокручиваемого div над scrollabe

Что я ищу, это более или менее JS, который отключает прокрутку на части веб-сайта.

ex из того, что я хочу, используется: https://mega.co.nz/. то есть скроллбары disappeard на «первой полосе»

+0

вы должны использовать пользовательский плагин прокрутки для этого. –

+0

вы можете отключить ширину прокрутки 'overflow: hidden; 'и добавить прокрутку в контейнер с помощью' overflow: auto; 'или' overflow: scroll; '@Krunal Panchal прав. То, что вы хотите, может быть сделано с помощью плагина, который использует пользовательские полосы прокрутки javacsript. Но в этом случае манипуляция ощущается имо. –

ответ

0

Использование JS plugin

Простой и легкий в использовании плагин для создания полноэкранных веб-сайтов скроллинг. (также известный как веб-сайты с одной страницей). Он позволяет создавать полнопроходные веб-сайты прокрутки, а также добавлять слайдеры ландшафта в разделы сайта.

Надеется, что это помогает :)

0

Ну, может быть, это работает ... Я не уверен, если я действительно получил его, но не могли бы вы сделать аа DIV , который содержит 2 див, а в том, что Дивом вас отключите прокрутку (переполнение: скрыто). Первый контейнер DIV вы resize't по ширине: 100% и высота: 100%, и поставить кнопку для прокрутки вниз на второй DIV, а в том, что второй DIV вы можете в состоянии прокрутки

1

Я сделал маленькая скрипка с простым примером. Все, что вам нужно сделать, это управлять классом .После на этих элементах:

http://jsfiddle.net/CXtKC/

$('.next').on('click', function(e) { 
    e.preventDefault(); 
    $('.screen1').addClass("after"); 
    $('.screen2').addClass("after"); 
}); 
Смежные вопросы