ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подвижный блок при вертикальном скроле скроле
5 сообщений из 5, страница 1 из 1
Подвижный блок при вертикальном скроле скроле
    #37863177
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Всем привет. Подскажите, не могу реализовать, часа три уже бьюсь, с координатами трабл прям какой то.

Есть ячейка, в ней div/ Надо чтобы при вертикальном скроле если верхняя граница браузера доходит до дива, она начинал ехать вниз. Но до конца этой ячейки и не дальше.

<td id="left">
_____________
|                             |
|                             |
|    |  div       |         |
|     _____            |
|                             |
|                             |
|                             |
|                             |
|                             |
_____________

Сделал так:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
$(document).ready(function () {
        
        if($("div").is(".jazzmenu")) {
            
            var offset = $(".jazzmenu").offset();
        
        $(window).scroll(function(){
          
            if ($(window).scrollTop() > offset.top) {
                $(".jazzmenu").css({"top": "0px", "position": "fixed"});
            }
            else {
                $(".jazzmenu").css({"top": "0px", "position": "relative"});
            }
            
            
        });
        
        }
        
});



блок движется, но не в пределах ячейки. Помогите допилить.
...
Рейтинг: 0 / 0
02.07.2012, 16:10:31
| Ответить | Цитировать | Написать  
Подвижный блок при вертикальном скроле скроле
    #37863635
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
            var $jazzmenu = $(".jazzmenu"),
                $td = $jazzmenu.closest('td'),
                td_offset = $td.offset(),
                td_height = $td.height(),
                div_height = $jazzmenu.height(),
                max_height = td_offset.top + td_height - div_height;

основная идея в последней строке этого кода

ну и дополнительный div пришлось ввести
http://jsfiddle.net/pV7UQ/1/
...
Рейтинг: 0 / 0
02.07.2012, 21:53:30
| Ответить | Цитировать | Написать  
Подвижный блок при вертикальном скроле скроле
    #37864012
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Паганель,

Чуть переделал, т.к. в вашем варианте при достижении конца ячейки див исчезал (может, потому что структура немного другая у меня). Но появилась новая проблема. Если вторая ячейка строки меньше высоты дива, то наш плавающий блок "выскакивает". А у меня на сайте в ie и лисе при прокрутке начинает дергаться и не дает просто опуститься до конца скрола.

http://jsfiddle.net/pV7UQ/12/
...
Рейтинг: 0 / 0
03.07.2012, 10:29:04
| Ответить | Цитировать | Написать  
Подвижный блок при вертикальном скроле скроле
    #37864014
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
SharuPoNemnogu,

В хроме и опере все работает как надо.
...
Рейтинг: 0 / 0
03.07.2012, 10:29:54
| Ответить | Цитировать | Написать  
Подвижный блок при вертикальном скроле скроле
    #37864192
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
SharuPoNemnoguЕсли вторая ячейка строки меньше высоты дива, то наш плавающий блок "выскакивает"я не знаю что с этим делать
попробуйте задать высоту ячейки не меньше чем у дива


SharuPoNemnoguв ie и лисе при прокрутке начинает дергаться и не дает просто опуститься до конца скрола.
http://jsfiddle.net/pV7UQ/12/ данную Вами ссылку проверил под IE9 и FF13
дерганий нет
...
Рейтинг: 0 / 0
03.07.2012, 12:16:45
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подвижный блок при вертикальном скроле скроле
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37863635&tid=1449629]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 200ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 196ms
total:  463ms
созд. / загр.: 463ms
x
x
Закрыть


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