Как заблокировать прокрутку страницы только в одну сторону?
Подскажите пожалуйста, есть возможность как то заблокировать скролл к примеру только в низ или вверх?
Сделал вот так:
$('.last-slide').on('inview', function(event, isInView) {
if (isInView) {
$("body").css("overflow-y","visible");
} else {
$("body").css("overflow-y","hidden");
}
});
Скролл блокируется, только мне нужно что бы в данном случае скролл блокировался только вниз. Спасибо! |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div {
height: 200px;
}
</style>
</head>
<body>
<div>111</div>
<div>222</div>
<div>333</div>
<div>444</div>
<div>555</div>
<script>
var banScBot = (() => {
var y = 0;
return () => {
window.scrollY > y && window.scroll({ top: y });
y = window.scrollY;
};
})();
window.onscroll = banScBot;
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 06:37. |