Как прокрутить окно без переполнения

Question

Мне нужно прокрутить окно, но высота окна слишком мала для прокрутки. Можно ли прокручивать, когда высота контейнера слишком мала, чтобы увидеть полосу прокрутки. Вот мой код для прокрутки:

setTimeout(function(){ 
    $(window).scrollTop($(window).scrollTop()+1); 
    $(window).scrollTop($(window).scrollTop()-1); 
}, 800); 

мне нужно прокручивать окно или тело, даже если высота его меньше, чем 100px.

Answer 1

Чтобы увидеть полосу прокрутки, просто используйте свойство CSS overflow:scroll; на вашем контейнере.

Answer 2

Я верю вы хотите установить min-height из 110% на html в вашем CSS. Я хотел бы сделать:

html { 
    min-height: 110%; 
} 

Вот демо: http://jsbin.com/sebago/1/edit?html,css,output

Answer 3

Если определить фиксированную высоту в своем элементе, то вы можете использовать переполнение: прокрутки, чтобы включить прокрутку.

Answer 4

Вам нужно первый скрыть полосу прокрутки, чтобы не брать места (потому что вы не слишком много места в элементе), вы можете сделать это с следующим CSS:

#elementId{ 
    overflow: hidden; 
} 

Затем вам нужно связать событие колеса мыши над «малым» элементом и вызвать функцию вручную прокручивать ваш элемент, вы можете сделать это с помощью следующего кода JQuery:

$('#elementId').bind('DOMMouseScroll mousewheel', function(e) { 
    $('#elementId').scrollTop($('#elementId').scrollTop()+1); 
}); 

Этого пример упрощен просто связать событие колеса прокрутки в целом , чтобы узнать, вверх или вниз вы можете использовать jQuery Mouse Wheel Plugin что вы можете получить here.