标签: tinyscrollbar
Tiny Scrollbar的JavaScript错误
我将TinyscrollBar添加到我的Wordpress网站,当页面加载时我收到以下错误:
oViewport.obj[0] is undefined
我确保我首先包含了tinyscrollbar.js文件,然后才进行调用
if (jQuery('#execphp-3 div')){
jQuery('#execphp-3 div').tinyscrollbar();
}
可能是导致错误的问题是什么？
编辑:运行tinyscrollbar的HTML:
<li class="widget-container widget_execphp" id="execphp-3">
<h3 class="widget-title">Talking NanoChannels</h3>
<div class="execphpwidget">
<div id="scrollbar1">
<div class="scrollbar" style="height: 347px;">
<div class="track" style="height: 347px;">
<div class="thumb" style="top: 90.8106px; height: 256.189px;">
<div class="end">
</div>
</div>
</div>
</div>
<div class="viewport">
<div class="overview" style="top: -123px;">
<ul class="wrap masoned" id="simplepie" style="position: relative; height: 683px;">
<li title="" class="box col1" style="position: absolute; left: 0px; top: 0px;">
<h4>
<span class="twitter"></span>
<a href="http://twitter.com/EreiItamisy/statuses/87518699866701825"> 5th International Conference on Nanochannels, Microchannels, and …4
推荐指数
推荐指数
1
解决办法
解决办法
9872
查看次数
查看次数
如何加载Jquery Tiny滚动条
所以我想自定义滚动条,我发现了一个小滚动条,这是一个jquery插件:
http://baijs.nl/tinyscrollbar/
问题是,无论如何我都无法工作.我将Jquery和jquery.tinyscrollbar.js文件包含在与我的html和css相同的文件夹中,并将它们包含在标题部分中,但我无法让它工作......
当我通过客户端打开文件时,我得到的是常规滚动条,如下所示:
这是我的代码:
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="scrolltest.css" />
<script src="jquery.js"></script>
<script src="jquery.tinyscrollbar.js"></script>
<script>
$(document).ready(function()
{
$("#chatlist").tinyscrollbar();
});
</script>
</head>
<body>
<div id="chatlist" >
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</div>
</body>
</html>
CSS
div#chatlist {
width: 50px;
height: 140px;
border: 1px solid black;
overflow:scroll;
}
任何帮助将不胜感激!
4
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
Tinyscrollbar - 禁用选择或突出显示
我在我的网站上使用JQuery Tinyscrollbar插件.由于我的具体要求,我做了一些小改动,使它同时适用于垂直和水平滚动条.
但是,我遇到的问题是,如果使用滚动条和光标滚动的用户在滑动时没有悬停在"拇指"元素上,则背景内容会突出显示,类似于单击并突出显示文本时所看到的内容或元件.
我怎样才能防止这种情况发生.谢谢.
3
推荐指数
推荐指数
1
解决办法
解决办法
3325
查看次数
查看次数