Chr*_*Lad 4 element jquery-plugins scroller slimscroll
所以我一直在尝试将插件应用于Body Element,由于某种原因它只是不起作用..我尝试过的事情:
$(function() {
$('body, html').slimScroll({
size: '8px',
width: '100%',
height: '100%',
color: '#ff4800',
allowPageScroll: true,
alwaysVisible: true
});
});
$(function() {
$('#body').slimScroll({
size: '8px',
width: '100%',
height: '100%',
color: '#ff4800',
allowPageScroll: true,
alwaysVisible: true
});
});
有谁知道我做错了什么？在此先感谢您的回答
"如果我没有控制身体标签？我将模板嵌入第三方网站？所以身体没有id标签它只有视图来源:avatars.imvu.com/LadyKonstantine"
由于你需要在body上应用slim scroll,你必须使用jQuery的body选择器.代码将是这样的:
<script type="text/javascript">
$(function(){
$("body").slimScroll({
size: '8px',
width: '100%',
height: '100%',
color: '#ff4800',
allowPageScroll: true,
alwaysVisible: true
});
});
</script>
记住这些
如果您想使用$("#body")而不是$("body"),请不要忘记添加
<body id="body">
更多细节
点击这里!阅读更多关于苗条卷轴的信息.
在我看来，将 slimScroll 直接附加到 Body 标签并不是首选解决方案。尝试一下，您会发现 slimScroll 将您的 BODY 标签包裹在它自己的 DIV 标签内；至少当我尝试将 slimScroll 附加到 BODY 元素时我发现了这一点。结果，你会发现你的页面的 HTML 完全是一团糟。标签的顺序将是HEAD - slimScrollDiv - BODY。相反，我建议在打开 BODY 标签后立即在 BODY 中添加一个包装 DIV，然后将 slimScroll 附加到该包装 DIV。