Попытка заставить JScrollPane работать с элементом div - PullRequest
Новая
       10

Попытка заставить JScrollPane работать с элементом div

2 голосов
/ 11 марта 2009

Кому-нибудь повезло, что JScrollPane работает с JQuery?

Я следую инструкциям к письму, и все, что происходит, это то, что при загрузке страницы вызов просто скрывает полосу прокрутки браузера, но не отображает пользовательскую полосу прокрутки.

Файлы, включенные в тестовую HTML-страницу:

http://70.85.188.226/_assets/css/jscrollpane.css

http://70.85.188.226/_assets/js/jquery-1.2.3.min.js

http://70.85.188.226/_assets/js/jscrollpane.js

HTML: 

<!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" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="/_assets/css/jscrollpane.css" media="screen,projection,print" />  
<script type="text/javascript" src="/_assets/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/_assets/js/jscrollpane.js"></script> 
<style type="text/css">
#test
{
    width:400px;
    height:300px;
    overflow:auto;
    background-color:#2b2b2b;
    color:#ffffff;
}
</style>
<script type="text/javascript">
    $(function()
    {
        $('#test').jScrollPane();
    });
</script>
</head>
<body>
<div id="test">
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST</div>
    <div style="clear:both;"></div>
    <div style="height:36px;">TEST12</div>
    <div style="clear:both;"></div>
</div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 10 марта 2010

Это может быть потому, что вам не хватает обязательного объявления класса для вашего тестового div.

Чтобы применить jScrollPane, вы должны установить класс для тестового элемента «scroll-pane».

0 голосов
/ 11 мая 2009

Проверьте строку 50 файла jScrollPane JavaScript. 

if (percentInView < .99) {

Это вызывало у меня проблему,

I console.log(), это значение, и оно всегда возвращалось через 0,99, поэтому никогда не добавляло элементы прокрутки. Я предсказываю, что это может быть связано с настройкой моего CSS. Я бы порекомендовал посмотреть на ваш CSS.

...