Скрол в телефоне
Привет всем.
Ищу информацию по скролу. У меня есть боковое меню которое должно скролиться, а сайт стоять на месте. Но как показала практика когда я дохожу до конца или верхушки сайта или до низу то сайт начинает бежать за мной. Я нашел решение в этом скрипте
$(document).ready(function() {
$('#menu-foter-mobail').on('mouseenter touchstart touchmove touchend', function (event) {
$("body").css("overflow","hidden");
}).on('mouseleave touchend', function(){
$("body").css("overflow","auto");
});
});
Но опять же протестировав нашел такой глюк Скрипт работает и даже хорошо но у телефонов есть такой момент когда палец уходит от тача скорость прокрутки остается что дает опять же на страницу Как можно отключить этот остающийся скрол после отпускания пальца ? Подскажите я уже весь гугл пересмотрел не нашел. |
biryukovm,
А что это у вас touchend и там, и там присутствует? |
Цитата:
|
biryukovm,
http://javascript.ru/forum/events/62...prokrutki.html блокировать прокрутку над блоком заменив её своей |
Цитата:
|
Цитата:
<script>
window.addEventListener("DOMContentLoaded", function() {
var node = document.querySelector("#menu-foter-mobail");
function wheel(event) {
var target = event.target;
while (target != document) {
if (target == node) {
event.preventDefault();
var delta = 0;
if (event.wheelDelta) delta = event.wheelDelta / 120;
else if (event.detail) delta = -event.detail / 3;
node.scrollTop -= 30 * delta;
break;
}
target = target.parentNode
}
}
window.addEventListener("mousewheel", wheel, false);
window.addEventListener("DOMMouseScroll", wheel, false)
});
</script>
|
| Часовой пояс GMT +3, время: 02:57. |