缺少使用jScrollPane的滚动条

时间:2013-08-07 17:27:12

标签: javascript jquery scrollbar jscrollpane jquery-jscrollpane

我已经发布了一个专注于此问题的问题,但没有人回答。所以这实际上是重新发布以引起人们注意的。

我的旧帖子可以在这里找到:Link

我的JS代码:

$(document).ready(function() {
    $('.con').load('views/startseite.html',function(){
        $('.scroll').jScrollPane();
        });
    $('nav a').click(function(e) {
        e.preventDefault()
        var inc = $(this).attr('href').split('/').pop().split(".").shift(),
        href = "views/" + inc + ".html"
        $('.con').hide().load(href, function(){
            $('.con').fadeIn('fast',function(){$('.scroll').jScrollPane();});
        })
        document.title =  'Robert-Richter.com | ' + firstToUpperCase(inc)
        location.hash = inc
        return false;
        });
    function firstToUpperCase( str ) {
        return str.substr(0, 1).toUpperCase() + str.substr(1);
    }
});

我的滚动框的CSS:

.scroll {
    position: relative;
    right: 0;
    width: 415px;
    height: 422px;
    overflow: auto;
}

使用我当前的代码实现页面的实例:Link

我不知道为什么有些人总是想读一个问题,但我们走了:你能帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:1)

有时候jquery会导致问题。请确保您没有使用1.8版本(例如1.7适用于我)。我不知道使用jquery 1.8或更高版本的drupal的确切问题,但由于浏览器和drupal日志消息没有显示一些错误日志,因此很难找到缺陷。我认为这是因为jquery存在但drupal无法以正确的方式处理它。

答案 1 :(得分:0)

刚刚在这里回复了你的旧问题:
https://stackoverflow.com/a/19440317/1005460
如果它有帮助,请告诉我。

答案 2 :(得分:0)

在我的情况下,我必须使用autoReinitialise参数:

$('.scroll-pane').jScrollPane({
   showArrows: false,
   autoReinitialise: true
});

然后我还有一个问题 - 我在我的滚动容器中使用了max-height - 这导致了问题,因为每次重新初始化都会再次设置高度,最后我只是设置了固定的高度。