Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.07.2015, 02:40
Новичок на форуме
Отправить личное сообщение для Lifemaster Посмотреть профиль Найти все сообщения от Lifemaster
 
Регистрация: 28.07.2015
Сообщений: 4

Помогите убрать полосу прокрутки при анимации контента
Приветствую всех, уважаемые форумчане! Возникла задача избавиться от полосы прокрутки блока с фиксированной высотой при анимации контента. Первое что пришло в голову - создать функцию, которая отслеживает переполнение блока и вызывать ее часто (например, через каждые 20 мс) в процессе анимации контента. Идея не совсем нравится своей рациональностью, да и подмигивает полоса прокрутки в процессе анимации. Вот мой реализованные вариант - http://jsfiddle.net/98f3now9/

Прошу помощи подсказать как решить задачу рациональнее и правильнее. Заранее очень благодарен!
Ответить с цитированием
  #2 (permalink)  
Старый 28.07.2015, 09:05
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Lifemaster
избавиться от полосы прокрутки блока
http://htmlbook.ru/css/overflow
Ответить с цитированием
  #3 (permalink)  
Старый 28.07.2015, 09:07
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

Lifemaster,

как вариант плавности.

http://jsfiddle.net/98f3now9/2/

колдуется на css. скрипты можно не употреблять.
Ответить с цитированием
  #4 (permalink)  
Старый 28.07.2015, 12:55
Новичок на форуме
Отправить личное сообщение для Lifemaster Посмотреть профиль Найти все сообщения от Lifemaster
 
Регистрация: 28.07.2015
Сообщений: 4

overflow: hidden - это понятно, но я забыл сказать - контент должен скролиться, но без полосы прокрутки. При этом высота блока должна быть фиксированной. Я пробовал всякие плагины подключать, типа niceScroll.js, но они не годятся, так как плохо отслеживают положение скрола в процессе анимации.

Задачу можно было решить, если бы у элементов было событие overflow, которое срабатывало всякий раз как только контент превышает размеры блока. Но можно создать и пользовательское событие, но как его вешать? Как сказать браузеру - отслеживай переполняется ли блок контентом пока идет анимация?

Последний раз редактировалось Lifemaster, 28.07.2015 в 13:24.
Ответить с цитированием
  #5 (permalink)  
Старый 29.07.2015, 01:29
Новичок на форуме
Отправить личное сообщение для Lifemaster Посмотреть профиль Найти все сообщения от Lifemaster
 
Регистрация: 28.07.2015
Сообщений: 4

Уважаемые форумчане, неужели нет ни у кого мыслей по этому поводу?
Ответить с цитированием
  #6 (permalink)  
Старый 29.07.2015, 09:06
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

Сообщение от Lifemaster
overflow: hidden - это понятно, но я забыл сказать - контент должен скролиться, но без полосы прокрутки. При этом высота блока должна быть фиксированной.
Оберните ( блок с полосой прокрутки ) блоком-родителем. Блок-родитель фиксирован по высоте + overflow: hidden + ширина его меньше, чем потомок на ширину полосы прокрутки( ширина скролл-бара ). Это скроет полосу прокрутки визуально. Все на css.

ПС^^: этот вариант легок в реализации, но вам он не подойдет. Слишком прост.

Последний раз редактировалось join, 29.07.2015 в 09:11.
Ответить с цитированием
  #7 (permalink)  
Старый 31.07.2015, 02:59
Новичок на форуме
Отправить личное сообщение для Lifemaster Посмотреть профиль Найти все сообщения от Lifemaster
 
Регистрация: 28.07.2015
Сообщений: 4

И так не подойдет, потому как в процессе анимации скрол то появляется, то исчезает (в зависимости от величины скрывающего контента) и еще ширину скролбара как определить без JS?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите сделать выполнение jquery при загрузке страницы acidjazzz jQuery 3 30.03.2015 14:27
При подгрузки контента скролл остается на месте zhurchik Элементы интерфейса 3 05.02.2015 22:02
как накрыть дивом полосу прокрутки HelpeR Элементы интерфейса 9 17.01.2010 23:16
Помогите создать скрипт замены картинок при наведении курсора. SantaS Я не знаю javascript 3 05.06.2009 12:59
Подскажите как убрать часть текста при нажатии на кномпу или гиперссылку. potkin Общие вопросы Javascript 6 10.10.2008 07:55