1

Нужно добавлять скроллинг только тогда если нужен. Блок фиксированный, высота "auto"

Например: размер высоты экрана 768px, а блок 800px тогда нужно добавить скроллинг.

2 ответа 2

1

Я правильно понял, что "Блок фиксированный" - это значит у него свойство "position: fixed;"?

Тестируем тут.

var block = $('.fix_block');
function adjustmentBlock(){
    var winH = $(window).height();
    if(block.height() > winH){
        block.css({
            height: winH,
            overflowY: 'scroll'
        });
    } else {
        block.css({
            height: 'auto',
            overflowY: 'visible'
        });
    }
}
$(window).on('resize load', adjustmentBlock);
6
  • @Deonis, да все верно, а как изменить стили к нему ?
    – Kill Noise
    15 июл 2014 в 17:57
  • @Deonis, скролл-бара, например изменить размер и цвет ползунка
    – Kill Noise
    15 июл 2014 в 18:04
  • @Surfer, Это отдельная тема и в двух словах не описать. Ищите в гугле по запросу: "[стилизация скроллбара][1]" или "[кастомный скроллбар][2]" [1]:google.com/search?q=стилизация+скроллбара [2]:google.com/search?q=custom+scrollbar
    – Deonis
    15 июл 2014 в 18:11
  • @Deonis, ваш код у меня на компе почему-то не работает, именно сам скроллинг
    – Kill Noise
    15 июл 2014 в 18:37
  • @Surfer, что консоль говорит? Какая версия библиотеки? Обернули ли код в $(document).ready(function(){ /* ... */ });
    – Deonis
    15 июл 2014 в 18:40
0

Примените блоку свойства:

div {
     overflow-y: auto;
     overflow-x: hidden;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.