Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
55 / 53 / 18
Регистрация: 05.08.2013
Сообщений: 327
1

Остановить скролл

21.03.2014, 13:14. Показов 2771. Ответов 0
Метки нет (Все метки)

Подскажите как остановить/тормознуть скролл чтобы не вылазил за пределы блока.
HTML5
1
2
3
4
5
<div class="content">
    <div class="scroll">
        контент scroll
    </div>
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function() {  
    var height = $('.scroll').offset().top;  
     
    var sticky = function(){  
    var scroll = $(window).scrollTop();  
    
        if (scroll > height) {   
            $('.scroll').addClass('sticky');  
        } else {  
            $('.scroll').removeClass('sticky');   
        }  
    };  
      
    sticky();  
      
    $(window).scroll(function() {  
        sticky();  
    });  
});
CSS
1
2
3
4
5
6
7
.sticky {  
    position: fixed;     
    top: 0;  
    z-index: 100;  
    border-top: 0;
    background: #FFF;  
}
Скролл залезает на футер сайта, футер сайта разных размеров, нужно чтобы скоролл работал только в блоке .content
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
21.03.2014, 13:14
Ответы с готовыми решениями:

Скролл
Задача: при загрузке сайта появляется блок на весь экран, при скролле вниз это блок должен плавно...

скролл чат
проблема у том что при написании в чат сообщения срол не до конца прокручивает скрол вниз не...

Сделать скролл
Я сайт поделил на два скрина,мне нужно что бы если пользователь скролл сделал хоть маленький вниз...

Скролл FancyBox
Как можно отключить переключение слайдеров с помощью скролла мышки? &lt;div class =&quot;tabs&quot;&gt; ...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.03.2014, 13:14

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Двойной скролл
Есть блок с инфой, пр нажатии на маленькую кнопочку срабатывает функции и инфа на этом блоке...

Прокрутить скролл до элемента
Здравствуйте. Задача: прокрутить скролл до конца или до определенного элемента. Есть див с...

Скролл и взаимодействие с ним.
В исходном коде JS есть такой вот кусочег:...

Не удается прокрутить скролл
window.onload = function (){ $(document).scrollTop(444); } Не удается прокрутить скрол...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.