gpt4 book ai didi

javascript - jQuery 自定义滚动条不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 03:41:56 24 4
gpt4 key购买 nike

我正在尝试使用 jquery 自定义滚动条插件。

我的 html:

<body>
<div style="height:10000px"></div>
</body>

JavaScript:

$("document").ready(function(){
$("body").customScrollbar();
});

是的,我链接了 jquery、js 和 css 文件。当我加载页面时,它是空白的。没有javascript,没关系。该插件可以在这里找到: http://plugins.jquery.com/custom-scrollbar/

最佳答案

您需要在body 中设置皮肤,并以像素为单位设置widthheightCSS3 calc 的百分比或用途不起作用(如果您在正文中设置宽度和高度)。也许您必须修改 CSS 才能获得更好的结果。

<head>
<style type="text/css">
body{
width: 200px;
height: 200px;
}
</style>
</head>
<body class="modern-skin">
<div style="height:10000px">asdf SAS</div>
<script>
$(window).load(function(){
$("body").customScrollbar({updateOnWindowResize:true});
});
</script>
</body>

看!这只是一个创可贴。

如果您需要更好的解决方案,我建议您实现来自 plugin website 的这个示例.下面是如何根据窗口大小调整滚动条的示例。

关于javascript - jQuery 自定义滚动条不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24765464/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com