Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скроллинг слоя главным скролом окна (https://javascript.ru/forum/dom-window/19268-skrolling-sloya-glavnym-skrolom-okna.html)

mikola7092 30.07.2011 16:15

Скроллинг слоя главным скролом окна
 
Всем доброго времени суток! Проблемма следующяя! Имеется страница с большим кол-вом данных( z-index:1; )! На ней местами находятся кнопки которые открывают(делают видимым) див( z-index:2; ) тоже с большим количеством содержимого! Проблема следующая надо чтобы был скроллинг слоя прокручивал содержимое только див с (z-index:2; ) при этом содержимое 1 слоя стояло на месте (Хороший пример этого фотогаллерея в контакте где фотография с коментами порой занимают очень много места в слое). Мои размышления и кое какие попытки привели к следующим результатам
1) У них слой с ( z-index:2; ) с параметром overflow:hidden и при прокрутки скролла они меняют paddin для содержимого!(Это не проверял это только догадки!!)(Примерно так же как и делаются миниатюры фотографий)(Это делал так что точно знаю!:) )
2) Попытка уменьшить скроллинг до размеров (z-index:2; ) привела к тому что все содержимое страницы было в контейнере с overflow:hidden по умолчанию height:100% при нажатии height: (размер слоя ( z-index:2; )) Ну думаю это геморой и есть способ легче
Вопрос заключается всетаки в следующем: Как перехватить управление скроллом и переназначит размеры скроллинга! Заранее благодарю за беседу :)

dmitriymar 30.07.2011 16:18

Цитата:

Сообщение от mikola7092
Мои размышления и кое какие попытки привели к следующим результатам

неправильные соображения и попытки!основы и ещё раз основы.не зная их не стоит лезть выше
http://htmlbook.ru/css/position

mikola7092 30.07.2011 16:27

Цитата:

Сообщение от dmitriymar (Сообщение 116299)
неправильные соображения и попытки!основы и ещё раз основы.не зная их не стоит лезть выше
http://htmlbook.ru/css/position

Эти основы я знаю! Я так понял меня не поняли сейчас! position это позиционирование элемента left, top, right и bottom я тоже использовал!! Если интересен пример редактирование миниатюры фото то зайди на newgolos.ru зарегистрируйся и загрузи фото или картинку!! Пример вырезать долго и не охото!!! Да и тема не про position а как перехватить управление scrollBar`ом! Плюс ко всему лесть не зная всех основ выше есть хороший способ обучения этим основам!

dmitriymar 30.07.2011 17:48

Цитата:

Сообщение от mikola7092
Эти основы я знаю......left, top, right и bottom я тоже

судя по всему не до конца знаете
fixed для нижного контейнера с содержимым-и он перестаёт реагировать на скрол и ничего перехватывать не нужно! основы

mikola7092 30.07.2011 18:12

Цитата:

Сообщение от dmitriymar (Сообщение 116308)
судя по всему не до конца знаете
fixed для нижного контейнера с содержимым-и он перестаёт реагировать на скрол и ничего перехватывать не нужно! основы

Нет всетаки я был прав! Меня не поняли!! Пожалуйста зайдите в контакт откройте какое нибудь фото с коментариями!! и покрутите скрол потом закройте и покрутите скрол!!! Обратите внимание на сколько можно его прокручивать!! Fixed в данном случае не поможет!:)

dmitriymar 30.07.2011 18:53

гугл-события скрола
событие window.onscroll
когда происходит направление определяется
затем аякс подгрузка контента
вставляется в необход место через-
"контейнер"+=innerHTML(подгружен ный контент)
ну а нижнему контейнеру соответственно свойство в fixed выставляется.


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