В общем проблема фиктивная, даже проблемой то не назвать, можно сделать как в ie: скролл есть всегда, активный - если есть прокрутка, и неактивный если её нету.
Ну ко мне пристал заказчик и просит сделать как в вконтакте. Т.е сролл не позиционируется на странице, и при его появлении страница не дергается.
Как можно это сделать с помощью jQuery
не подскажите? Может есть какой-нибудь плагин.
Добавить комментарий
|
1 ответ
Писал в комментарии, теперь с поправками. Пример можно посмотреть тут, а пояснения расшифрую в ответе.
var detectShit = {
Version: function() {
var version = 999;
if (navigator.appVersion.indexOf("MSIE") != -1){
version = parseFloat(navigator.appVersion.split("MSIE")[1]);
return version;
}
}
};
function scrollСompensation(){
// IE7 уже имеет поле для скроллбара, посему - для него отмена
if(detectShit.Version() <= 7) return false;
// если скроллбара нет, то величины равные и сравниваем их ниже,
// дабы проверить наличие скролла
var dH = $(document).height(); // высота документа
var wH = $(window).height(); // высота окна
// поправка для IE8 (вычислил вручную, посему не уверен на 100%)
if (detectShit.Version() == 8) {
wH += 4;
}
// сравниваем высоту окна и документа
if(dH > wH){
// устанавливаем "поправку на скролл"
$(wrapper).css('padding-left', 8.5);
} else {
// или "0", если скролла нет
$(wrapper).css('padding-left', 0);
}
}
// остается вызывать эту функцию при загрузке документа или при динамическом изменении контента
$(window).load(scrollСompensation);
-
jsfiddle.net/Deonis/gFfgz/4 посмотрите, наверное какая-то недоработка - при появлении скролла без кнопки (меняем высоту фрейма)"поправка" не происходит.– zb'28 мар 2013 в 18:14
-
@eicto, поправка для IE8? Вполне возможно. jsFiddle восьмом у меня грузиться отказывается, а при тестировании на локалке - вроде бы проблем не возникает. Хотя, и тут я не уверен до конца, т.к. осел у меня девятый, а восьмой имитируется через переключение режимов. И насколько точна эта имитация - я даже не знаю. P.S. Т.к. с версии jQuery 2.0 вообще собираются убрать поддержку старых ослов, то не исключено, что придется эту же задачу глобально переделывать... если кому-то захочется над этим заморачиваться ))– Deonis28 мар 2013 в 19:12
-
нет, в хроме не работает, "дергается" скролл, я так думаю только кастомным баром можно решить, или подвесить фэйковый див со скроллом с абсолютными координатами.– zb'28 мар 2013 в 19:15
-
-
:) почти, test case: делаем текста поменьше, запускаем, показываем текст, тащим границу фрейма вверх/вниз (так чтобы скролл появился). jsfiddle.net/oceog/gFfgz/7 вот это почти чинит проблему, только все равно немного дергается.– zb'29 мар 2013 в 2:21