2013-05-10 2 views
1

Я только начал использовать jQuery, и у меня есть макет с двумя столбцами, используя twitter bootstrap. Файл CSS:Функция scrollTop не работает в Rails

html, body { 
    overflow: hidden; 
    height: 100%; } 
.span8, .span4 { 
    overflow: auto; } 

Это дает отдельные прокрутки span4 и span8. В части span8 есть список записей, и я хочу добавить некоторые функции в полосу прокрутки. Но в настоящее время scrollTop кажется совсем не реагирующим, даже самым простым. Например, если у меня есть что-то вроде этого в файле .js («вход» является класс для этих записей):

$(document).ready(function() { 
    $('.entry').scrollTop(1000);}); 

Я предполагаю, что бы поставить скроллбар ниже верхней части первой записи 1000 пикселей, но когда я загружаю страницу, полоса прокрутки все еще находится на самом верху. Или я попытался прочитать значение позиции полосы прокрутки, используя scrollTop, он всегда дает мне 0. Я уверен, что, должно быть, я что-то испортил, у кого есть предложения? Благодарю.

Обновление: после некоторого исследования выяснилось, что я совершил тупую ошибку. «.scrollTop» может быть вызван только селектором, у которого div имеет полосу прокрутки. В моем случае я не могу использовать $('.entry').scrollTop(1000);. Вместо этого я должен использовать $('.span8').scrollTop(1000);.

ответ

0

Попробуйте это:

$(document).ready(function() { 
    $('html, body').animate({ 
     scrollTop: $('.entry').offset().top + 1000 
    }, 'slow'); 
}); 
+0

Это, похоже, не работает. Кстати, я отключил полосу прокрутки для «html, body», используя «overflow: hidden», есть «$ (« html, body »)« все еще работает? – melodrama

+0

Это не работает для меня тоже после размещения 'html, body { overflow: hidden; высота: 100%; } '. Удалите «переполнение: скрытый;» один раз и повторите попытку. –

+0

На самом деле я хочу, чтобы скрытая полоса прокрутки скрыта, поэтому я бы предпочел не изменять эту часть ... – melodrama

Смежные вопросы