Включить/отключить прокрутку по кнопке

Есть ли простой способ сделать это? У меня есть сайт с флип-анимацией (на кнопке buttonclick), у которой есть две стороны. Передняя страница должна покрывать высоту и ширину видового экрана. Обратная связь немного длиннее, особенно на мобильных устройствах. К сожалению, длина задней страницы приводит к тому, что начальная страница имеет одинаковую высоту. Так что у меня есть серая область цвета фона под обложкой главной страницы.Включить/отключить прокрутку по кнопке

Моя идея состояла в том, чтобы включить флип-кнопку и включить и отключить прокрутку. Я пробовал некоторые вещи, но javascript и jquery не являются моей специальностью (вообще). Так может ли кто-нибудь предоставить мне небольшую часть кода, чтобы добавить к флипбаттону?

источник

2015-04-13 Erick

Google "отключить скроллинг JS"> http://stackoverflow.com/questions/4770025/how-to- disable-scrolling-временно> http://jsbin.com/disable-scrolling/1 – MLeFevre

Спасибо. Я уже видел это, хотя .. Не могу заставить его работать, к сожалению, потому что вы все еще можете прокручивать на мобильных устройствах. :( – Erick

Я предполагаю, что вы можете установить переполнение: none на div вы хотите остановить прокрутку (или тело) при нажатии кнопки.

источник

2015-04-13 14:12:56 zdszsdasd

Спасибо! Если я добавлю переполнение: никому в div ничего не происходит, переполнение-x: скрытый работает хорошо tho .. Я не могу понять, как добавить это в div на mouseclick? У меня есть кнопка, которая запускает функцию (onclick = "disable_scroll"), и функция будет выглядеть так:? – Erick

Вы можете использовать jQuery. $ (' .button '). on (' click ', function() {$ ('. div '). css (' overflow-x ',' hidden ');}); – zdszsdasd

Спасибо, не могу заставить его работать еще. Вероятно, я засасываю скрипты :(У меня есть следующий код:

Вам нужно установить это на событие щелчка:

body { 
overflow: hidden; 
}

Here's an example.

источник

2015-04-13 14:44:46 user3818383

Включить/отключить прокрутку по кнопке

ответ

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