2015-11-24 4 views
0

У меня есть html-страница, содержащая несколько div с тем же именем класса. я-йjscroll pane несколько div с тем же классом

<div class='some-class'> 
<div class='some-class'> 
<div class='some-class'> 

Я использовал jscroll панели для приятных и фантазий scrollbar. работает нормально. но scrollToBottom() функция работает неправильно. прокрутка только первого div устанавливается на нижнее значение div s полоса прокрутки остается такой же, как сверху.

здесь мои функции

var scrollPane = $('.some-class').jScrollPane().data('jsp'); 
scrollPane.scrollToBottom(); 
+0

У вас возникла проблема 'fiddle'? –

+0

ok Позвольте мне попытаться создать проблему –

+0

Добавить комментарий после завершения .. –

ответ

1

Если вам нужно, что все ваши дивы со спиральными пойти вниз, перебирать их:

var scrollPanes = $('.some-class'); 
scrollPanes.each(function() { 
    var jsp = $(this).jScrollPane().data('jsp'); 
    jsp.scrollToBottom(); 
}); 

Если вам нужно, что только один из ваших дивы с прокрутка вниз, вам нужно пометить divs другим классом (или идентификатором или пользовательским атрибутом) и применить только к нему:

<div class="some-class only-this"></div> 
<div class="some-class only-that"></div> 
<div class="some-class only-self"></div> 

С JS:

var scrollPane = $('.some-class.only-this').jScrollPane().data('jsp'); 
scrollPane.scrollToBottom(); 
+0

Удивительно, спасибо, что человек решил мою проблему и сэкономил мое время. –

+0

Добро пожаловать. Скоро увидимся ;) –