PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

плавающий блок

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

LIME	Отправлено: 01 Мая, 2013 - 20:21:44
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	http://www[dot]autopodbor54[dot]ru/catalog/ блок с фильтрами сделал что-то подобное сам на js но в ie страшные тормоза(наверняка бред) Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена var fltr=document.getElementById("filters"); window.onscroll = function() { var br=fltr.getBoundingClientRect(); var top=parseInt($("#filters").css("top"))-br.top; if(br.top<0){ $("#filters").css("top",top+"px"); }else{ if(top<=0){ $("#filters").css("top","0px"); }else{ $("#filters").css("top",top+"px"); } } } что гуглить не могу придумать смотреть как сделано долго и муторно тут и верстка не последнее значение имеет господа пните для ускорения в сторону теории Спасибо

KingStar	Отправлено: 01 Мая, 2013 - 21:39:47
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	там просто меняется позиционирование с CODE (html): скопировать код в буфер обмена position: static; на CODE (html): скопировать код в буфер обмена position: fixed; высоту думаю не составит труда вычислить ----- То что программа работает, не означает что она написана правильно!

LIME	Отправлено: 01 Мая, 2013 - 22:01:34
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	да... это я увидел тогда надо отслеживать положение контейнера потому что у меня начальное положение ниже области видимости все же хотел бы глянуть на простой пример

KingStar	Отправлено: 01 Мая, 2013 - 22:15:01
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	CODE (javascript): скопировать код в буфер обмена $(document).ready(function() { $(window).scroll(function () { if($(this).scrollTop() > 62) { $('#menu').css("position", "fixed"); } else { $('#menu').css("position", "static"); } }); }); (Добавление) что похожее, по значению $(this).scrollTop() можешь вычислить, на каком моменте меняется ----- То что программа работает, не означает что она написана правильно!

LIME	Отправлено: 02 Мая, 2013 - 14:15:24
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	KingStar спасибо...так и сделал только небольшая фигня не радует теперь наоборот в ie все идеально а в chrom при первой прокрутке наблюдается легкий "рывок" блока выводя scrollTop выяснил что в нем он меняется дискретно по 100 при скроле колесиком мыши а в ie непрерывно не то чтобы сильно мешало...но всеже можно это победить? (Добавление) надо было это написать чтоб раздуплится)) победил добавлением равенства...if($(this).scrollTop() >= 800) но все-равно интересно...если бы не совпало положение с круглым числом?

KingStar	Отправлено: 02 Мая, 2013 - 22:41:50
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	LIME даже не знаю, у меня таким кодом (похожим) реализована кнопка вверх/вниз, тормозов не наблюдал вроде, даже и не в знаю что ответить (Добавление) а если бы не совпало, тогда бы по логике блок завис в другом положени, чуть выше, что согласен, не есть хорошо, хотя можно задать положение принудительно top-ом, тогда он в любом случае займет свое положение правильно ----- То что программа работает, не означает что она написана правильно!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.