Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   scroll jquery остановить прокрутку (https://javascript.ru/forum/library-toolkit-framework/16100-scroll-jquery-ostanovit-prokrutku.html)

ntro123 26.03.2011 12:01

scroll jquery остановить прокрутку
 
Добрый день.

$(window).scroll(function(ee){
	ee.preventDefault();
});


как сделать этот код рабочим? как предотвратить прокрутку скроллбара? Это возможно?

Спасибо.

рони 28.03.2011 00:52

Вариант блокировки скрола окна .... может кто знает способ проще ?
<!DOCTYPE html>
<html>
<head>
  <title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script  type="text/javascript">
$(function () {
    var left = 0,
        top = 0;
    $("#off").click(function () {
        left = $(document).scrollLeft();
        top = $(document).scrollTop();
        $(document.body).css({
            overflow: "hidden"
        });

        function stop_scroll(event) {
            event.preventDefault();
            $(document).scrollLeft(left);
            $(document).scrollTop(top);
        }
        $(document).bind("mousewheel", stop_scroll);
        $(window).bind("scroll mousewheel", stop_scroll);

    });
    $("#on").click(function () {
        $(document).unbind('mousewheel');
        $(window).unbind("scroll mousewheel");
        $(document.body).css({
            overflow: ""
        });
    });

});
</script>
<style type="text/css">
#off{
  background-color: #FF0000;
  color: #FFFFFF;
}

#on{
  background-color: #008000;
  color: #FFFFFF;
}
</style>
</head>
<body>
1<br /><br /><br /><br />
<div id="off" >
  Отключить скролинг
</div>
<br /><br /><br /><br />
<div id="on" >
  Влючить скролинг
</div>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br />2
</body>
</html>


Часовой пояс GMT +3, время: 11:50.