млин, ну ведь все равно не работает :blink:
сообщения продолжают добавляться, но автоматический скролл в самы низ дива не происходит. Может быть стоит копать в сторону айдишника дива последнего сообщения? хотя фокусом, также не скроллит :-E вот итоговый код: Код:
echo"<html><head> |
Господа гуру. сори если жутко туплю, но всетаки, подскажите лошаре в чем ошибка...не работает зараза =( уж очень нада!!!
|
Скажите-ка, а какая у вас версия jquery, а то в примере не видно. В 1.2.3. метода scrollTop нет, в 1.2.6 -- есть. Вот это работает в ИЕ/ФФ/Опера:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> </head> <body> <div id='mes' style='height:200px;width:500px;border:1px solid yellow;overflow:scroll'></div><button onclick="$('#mes').append('<div style=\'border:1px solid green;height:30px\'></div>')">Append</button><button onclick="$('#mes').scrollTop($('#mes').get(0).scrollHeight||0)">Scroll</button> </body> </html> |
Действительно, пример работает. Огромное спасибо за помощь.
Ошибка видимо в том, что у меня плагин, который меняет вид скролла, на мой заданный. Видимо он сам по себе управляет скроллом и не дает им управлять мне =( Буду разбирацца.... А может стоит управлять скроллом с помощью функции скроллинга из этого плагина? |
А, так вы эмулируете скролл плагином? Ну тогда смотрите методы плагина... Если не сможете разобраться -- кидайте плагин, посмотрим.
|
Скачал плагин... Похоже, он этого не поддежривает. Если поправить на коленке -- то можно так:
замените строку 59 var currentScrollPosition = settings.maintainPosition ? $this.position().top : 0; на var currentScrollPosition = (settings.hasOwnProperty('scrollPosition') && -settings.ScrollPosition) || (settings.maintainPosition ? $this.position().top : 0); используйте при реините параметр scrollPosition: $('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:16, dragMaxHeight:20, scrollPosition:$('#mes').get(0).scrollHeight||0}); |
Демонстрационный файл после изменения плагина:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="jScrollPane.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jScrollPane-1.2.3.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ $('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:16, dragMaxHeight:20}); }); //--> </script> </head> <body> <div id='mes' class="scroll-pane" style='height:200px;width:500px;overflow:auto'></div> <button onclick="$('#mes').append('<div style=\'border:1px solid green;height:30px\'>test div</div>')">Append</button> <button onclick="$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:16, dragMaxHeight:20, scrollPosition:$('#mes').get(0).scrollHeight||0});">Scroll</button> </body> </html> Скрипт и CSS взят с http://code.google.com/p/jscrollpane/downloads/list |
Огромное спасибо!!!!
я тоже основательно порылся на этом ресурсе. В итоге обнаружил что всетаки плагин это поддерживает =) Но вот незадача. Есть отдельный тестовый ХТМЛ документ, там все прекрасно работает...и именно так как мне нужно, но вот когда я код засовываю в свой скрипт то в отладчике вижу ошибку ScrollTop is not a function причем я переносил все файлы включая последнюю версию jquery и самого плагина. Код рабочей тестовой странички: Код:
<HTML><HEAD><TITLE>jScrollPane</TITLE> |
Все, разобрался, всем огромное спасибо =)
Дело было в самой библиотеке. Пример выше стопрацентнорабочий, поьзуйтесь, если кому понадобится =) |
Все же поправка, чтоб народ не путать. Сам плагин даную опцию не поддерживает, эмулируется извне, к примеру как в статье http://code.google.com/p/jscrollpane...pec=svn45&r=45
|
Часовой пояс GMT +3, время: 20:57. |