javascript - 高度 100% 自定义滚动条

Question

是否有任何支持高度 100% 属性或仅支持百分比的自定义滚动条的库/插件？我已经测试了几十个 jQuery 滚动条插件，但它们似乎都不能在没有固定高度的情况下正常工作。

Answer 1

你可以使用

var objHeight = window.innerHeight;// to get the pixel height

并将您尝试使用的插件的像素高度设置为

(objHeight.toString() + "px")

要使用 jQuery 获取其他 DOM 元素的 innerHeight 或 innerWidth，请尝试 jQuery 自己的 innerWidth/innerHeight() 方法:http://api.jquery.com/innerHeight/ .

注意:如果对象上有边框，请使用普通的 height 和 width() 方法而不是 innerHeight() 或 innerWidth()，因为内部方法包括元素填充但不包括边框。

如果您需要滚动条根据高度或宽度的变化进行缩放，请在 jQuery 调整大小事件上创建一个回调:

var resizeFn = function() {
//do resize calcs with getting height and widths and 
// setting plugin updates to new height and width
}
$(window).resize(functionName);