Кроссобраузерная работа плагина jScrollPane
Привет Ребята. Что-то не могу разобраться почему скрипт в разных браузерах ведет себя по-разному (хотя он считается кроссобраузерным).
Использую jScrollPane - v2.0.14 (с оф. сайта) Подключаю так:
<script>
$(function()
{
var bars = '.jspHorizontalBar, .jspVerticalBar';
step : 10
$('#scroll-pane').bind('jsp-initialised', function (event, isScrollable) {
//скрываем скроллбар при первой загрузки
$(this).find(bars).hide();
}).jScrollPane().hover(
//показываем скрываем скроллбар
function () {
$(this).find(bars).stop().fadeTo('fast', 0.9);
},
function () {
$(this).find(bars).stop().fadeTo('fast', 0);
}
);
});
</script>
Дело в том, что в мозиле контент нормально пролистывается до конца, а во всех остальных стопарится на определенном положении (последний абзац не прокручивает). Подскажите пожалуйста, может кто сталкивался? http://www.commot.net/about-us/ |
что то мне кажется у вас сам скрипт под тормаживает..
что бы понять, почему не работает.. выкиньте все не нужное (создайте отдельную пустую страницу, туда поместите свой скролпане и все необходимые модули) ибо искать ошибку на полной, готовой странице - имхо гемор. как вырежите не нужно, скажете.. ну и ссылочку естесссено |
Сделал, тоже самое. http://www.commot.net/proba.html
|
на сколько я помню надо оборачивать div в div, а уже во втором div'е вписывать контент
<div id="scroll-pane"> <div> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> </div> </div> |
skrudjmakdak,
попробуйте $(window).load(function() а не $(document).ready( возможно неучитывается размер подгружаемых картинок |
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://www.commot.net/css/style-scroll.css">
<script src="files/jquery.min.js"></script>
<script src="files/jquery.mousewheel.js"></script>
<script src="files/jquery.jscrollpane.min.js"></script>
<script>
$(document).ready(function()
{
var bars = '.jspHorizontalBar, .jspVerticalBar';
$('#scroll-pane').bind('jsp-initialised', function (event, isScrollable) {
//скрываем скроллбар при первой загрузки
$(this).find(bars).hide();
}).jScrollPane().hover(
//показываем скрываем скроллбар
function () {
$(this).find(bars).stop().fadeTo('fast', 0.9);
},
function () {
$(this).find(bars).stop().fadeTo('fast', 0);
}
);
});
</script>
</head>
<body>
<div id="scroll-pane" style="width: 641px; height: 370px; border: 1px solid black;">
<div>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>2<br>
</div>
</div>
</body>
</html>
|
Цитата:
|
| Часовой пояс GMT +3, время: 01:17. |