Jquery 使用具有100%高度的div的滚动条插件

Jquery 使用具有100%高度的div的滚动条插件,jquery,scrollbar,Jquery,Scrollbar,我尝试在我的3列布局中使用(更新:切换到插件现在)。3列应使用100%的浏览器高度。其思想是滚动条仅在将鼠标悬停在相应列上时出现 在我的布局中,滚动条无法正常工作。我已经在每次调整窗口大小时调用了该函数(我最初试图避免这种情况,因为从我的角度来看,这是一种黑客行为): 这是 初始化滚动条的代码在第226行(在粘贴jquery.slimscroll.js之前) 函数setFrameSizes(){ log(“设置滚动条”); $('.inner').slimScroll({ 高度:$(窗口).h

我尝试在我的3列布局中使用(更新:切换到插件现在)。3列应使用100%的浏览器高度。其思想是滚动条仅在将鼠标悬停在相应列上时出现

在我的布局中,滚动条无法正常工作。我已经在每次调整窗口大小时调用了该函数(我最初试图避免这种情况,因为从我的角度来看,这是一种黑客行为):

这是

初始化滚动条的代码在第226行(在粘贴jquery.slimscroll.js之前)

函数setFrameSizes(){
log(“设置滚动条”);
$('.inner').slimScroll({
高度:$(窗口).height()-46
});
}
$(文档).ready(函数(){
setFrameSizes();
});
$(窗口)。调整大小(函数(){
setFrameSizes();

});假设每个div具有相同的高度:

var myHeight = $('.myDiv').height();
$(".myDiv").slimscroll({
    wheelStep: 20,
    color: '#fff',
    height: myHeight
});
如果不是这样,那么您可以尝试通过ID引用每个div,或者类似以下内容:

$(".myDiv").each(function(){
     var myHeight = $(this).height();
     $(this).slimscroll({
        wheelStep: 20,
        color: '#fff',
        height: myHeight
      });

});

假设每个div具有相同的高度:

var myHeight = $('.myDiv').height();
$(".myDiv").slimscroll({
    wheelStep: 20,
    color: '#fff',
    height: myHeight
});
如果不是这样,那么您可以尝试通过ID引用每个div,或者类似以下内容:

$(".myDiv").each(function(){
     var myHeight = $(this).height();
     $(this).slimscroll({
        wheelStep: 20,
        color: '#fff',
        height: myHeight
      });

});

谢谢你的提示。我更新了我的小提琴以使用细长卷轴。现在至少显示了滚动条,但仍然不正常。我的布局的CSS可能会导致这个问题吗?谢谢你的提示。我更新了我的小提琴以使用细长卷轴。现在至少显示了滚动条,但仍然不正常。我的布局的CSS可能会导致问题吗?使用固定高度可以工作,但没有“自动”高度。3列的高度取决于浏览器窗口的高度。@stephan请编辑您的问题,也许有一天它会对某人有用。我试图避免检查浏览器窗口的高度。但似乎没有别的办法。我现在调用$(window).resize(function())上的slimscroll函数,但它没有正确设置高度。使用固定高度可以工作,但没有“自动”功能高度。3列的高度取决于浏览器窗口的高度。@stephan请编辑您的问题,也许有一天它会对某人有用。我试图避免检查浏览器窗口的高度。但似乎没有其他办法。我现在调用$(window)上的slimscroll函数。resize(function()),但它没有正确设置高度。