ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Запретить скрол
20 сообщений из 20, страница 1 из 1
Запретить скрол
    #37929684
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Сделал окно с картинками с горизонтальной прокруткой скролом. Но когда прокрутка окна доходит до упора, сама страница прокручивается вверх. Как сделать, чтобы не прокручивалась пока курсор мыши находиться в границах окна с горизонтальной прокруткой? Пример приложил.
...
Рейтинг: 0 / 0
24.08.2012, 17:00:01
| Ответить | Цитировать | Написать  
Запретить скрол
    #37929749
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Максимум, можно при window.onscroll фиксировать document.body.scrollTop, но скролл отменить невозможно, поэтому страница будет трястись.
А под IE8 это будет работать лишь в режиме совместимости.
...
Рейтинг: 0 / 0
24.08.2012, 17:46:32
| Ответить | Цитировать | Написать  
Запретить скрол
    #37929777
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Antonariy,

Код бы глянуть. Я с яваскриптом плохо соображаю ещё.
...
Рейтинг: 0 / 0
24.08.2012, 18:12:57
| Ответить | Цитировать | Написать  
Запретить скрол
    #37929790
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
AntonariyМаксимум, можно при window.onscroll фиксировать document.body.scrollTop, но скролл отменить невозможно, поэтому страница будет трястись.
А под IE8 это будет работать лишь в режиме совместимости.
Что ты говоришь?. Вот эти всякие "модальные" окошки засереный фон именно так и делают. Я в прошлом году такое тоже написал. Уже забыл как, но то, что такое можно - таки помню точно.
...
Рейтинг: 0 / 0
24.08.2012, 18:48:22
| Ответить | Цитировать | Написать  
Запретить скрол
    #37929799
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
ShSerge,

Помоги, пожайлуста. 3 часа шарюсь по инету. Не могу сделать, хотя дают код. У меня конкретный пример прикреплён в первом посте.
...
Рейтинг: 0 / 0
24.08.2012, 19:03:03
| Ответить | Цитировать | Написать  
Запретить скрол
    #37929801
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Вот нашёл
Код: javascript
1.
<script type='text/javascript'>	$('mycustomscroll').hover(function(){$('body')css.('overflow','hidden');});</script>


Не работает
...
Рейтинг: 0 / 0
24.08.2012, 19:04:32
| Ответить | Цитировать | Написать  
Запретить скрол
    #37936088
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Ну подскажите, пожайлуста. Копаюсь в инете и не могу решить проблему.
...
Рейтинг: 0 / 0
29.08.2012, 18:30:23
| Ответить | Цитировать | Написать  
Запретить скрол
    #37936137
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
    $(function() {
        $("#mycustomscroll").mouseenter(function() {
            $('body').css("overflow","hidden")
        }).mouseleave(function() {
            $('body').css("overflow","visible")
        })
    })
...
Рейтинг: 0 / 0
29.08.2012, 19:24:20
| Ответить | Цитировать | Написать  
Запретить скрол
    #37936487
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILL HEAD
Участник
scrolling="no"
...
Рейтинг: 0 / 0
30.08.2012, 02:56:02
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937353
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Antonariy
Код: javascript
1.
2.
3.
4.
5.
6.
7.
    $(function() {
        $("#mycustomscroll").mouseenter(function() {
            $('body').css("overflow","hidden")
        }).mouseleave(function() {
            $('body').css("overflow","visible")
        })
    })


А как вызывать её? Сделал вот так
Код: html
1.
2.
3.
4.
5.
6.
7.
<script type="text/javascript">	$("#mycustomscroll").mouseover$(function() {
        $("#mycustomscroll").mouseenter(function() {
            $('body').css("overflow","hidden")
        }).mouseleave(function() {
            $('body').css("overflow","visible")
        })
    })</script>


Ни чего не получается. Явно, не то сделал. Как правильно?
...
Рейтинг: 0 / 0
30.08.2012, 15:53:23
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937443
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Даже скопипастить правильно не в силах? $(function() { куда подевалось?
А jquery подключено ли?
...
Рейтинг: 0 / 0
30.08.2012, 16:25:46
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937448
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Вернее откуда перед $(function() появилось $("#mycustomscroll").mouseover?
...
Рейтинг: 0 / 0
30.08.2012, 16:26:57
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937614
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
AntonariyВернее откуда перед $(function() появилось $("#mycustomscroll").mouseover?
Я считал, что то, что перед $(function() - это перехват события наезда на mycustomscroll.
А как ещё понять js, что надо выполнять функцию при наезде на mycustomscroll? Я в синтаксисе и логике js ещё слабоват.
Дайте, пожайлуста, весь синтаксис, где есть имя дива mycustomscroll.
...
Рейтинг: 0 / 0
30.08.2012, 17:33:08
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937618
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
AntonariyДаже скопипастить правильно не в силах? $(function() { куда подевалось?
А jquery подключено ли?
Подключено, т.к. выполняется горизонтальная прокрутка картинок в диве.
...
Рейтинг: 0 / 0
30.08.2012, 17:34:45
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937635
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Сделал так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript">
$(function() {
        $("#mycustomscroll").mouseenter(function() {
            $('body').css("overflow","hidden")
        }).mouseleave(function() {
            $('body').css("overflow","visible")
        })
    })
</script>


Что-то не то явно. Как правильно? Чем поймать событие наезда и направить в функцию?
...
Рейтинг: 0 / 0
30.08.2012, 17:43:35
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937666
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Во-первых, не "весь синтаксис", а "весь код". Во-вторых, это ВЕСЬ код. В третьих, jquery не имеет ни малейшего отношения к этой горизонтальной прокрутке.

Вот это нужно добавить в head вашего примера, без всякой самодеятельности.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type='text/javascript'>

    $(function() {
        $("#mycustomscroll").mouseenter(function() {
            $('body').css("overflow","hidden")
        }).mouseleave(function() {
            $('body').css("overflow","visible")
        })
    })
    
</script>
...
Рейтинг: 0 / 0
30.08.2012, 18:03:15
| Ответить | Цитировать | Написать  
Запретить скрол
    #37937712
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Antonariy,

Спасибо, заработало. Придётся почитать про js побольше. Жаль, что див уходит вправо, когда полоса прокрутки убирается. Можно ли с этим бороться?
...
Рейтинг: 0 / 0
30.08.2012, 18:30:00
| Ответить | Цитировать | Написать  
Запретить скрол
    #37938145
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Можно. Одновременно с отключением скролбара задавать padding-right у body. Правда у разных браузеров ширина скролла может быть по умолчанию разной, так что нужно прописать ее в css.
...
Рейтинг: 0 / 0
31.08.2012, 08:08:25
| Ответить | Цитировать | Написать  
Запретить скрол
    #37947213
Oleg-57
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Oleg-57
Гость
Antonariy,

У меня есть примерчик, где прокрутка не идёт, а полоса прокрутки не пропадает при наведении на див. Но когда делаю две горизонтальные прокрутки, то работает только одна из них. Никак не мог добиться, чтобы работали обе. Они тоже используют jquery.min. А в том примере, что прикрепил к теме работает несколько горизонтальных прокруток. Но хотелось бы в идеале, чтобы при этом полоса прокрутки не исчезала, а прокрутки страницы при наведении на див не было.

Ещё, когда сую это дело на сайт, где применяется ajax, то работает только что-то одно из них.
...
Рейтинг: 0 / 0
06.09.2012, 18:41:10
| Ответить | Цитировать | Написать  
Запретить скрол
    #37947221
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Захватывающая история.
...
Рейтинг: 0 / 0
06.09.2012, 18:45:42
| Ответить | Цитировать | Написать  
20 сообщений из 20, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Запретить скрол
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37947213&tid=1449377]:
 0ms
get settings:
 7ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 183ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 214ms
total:  464ms
созд. / загр.: 464ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]