0

我在一个网站上实现了 Tiny Scrollbar 插件,用于美观的 div 滚动。但是当我在 Safari 或 Chrome 中刷新页面时会发生奇怪的事情。它似乎可以剪辑我的一些内容。页面刷新时会发生什么,这可能使其表现得像这样?请查看mettestentoft.dk

我尝试在一个简单的测试页面上使用相同的插件,其中页面刷新会使插件向 div 添加一个“滚动条禁用”类,同时单击链接到同一页面的链接,会使我显示它应该.

Tiny Scrollbar 插件演示页似乎没有任何问题,除非我错过了它。

所以我的问题是:为了让页面能够平等地加载到链接页面,我是否必须做一些 jQuery 方面的事情?

先感谢您 :)

4

3 回答 3

7

我试过你的代码在结束body标签之前放置js。我在本地机器或本地主机上为我工作,但无法在线解决。

然后我找到了ostrgard的网站参考:http ://mettestentoft.dk/erhverv.html

他已经解决了这个问题。我查看并检查了他的代码并在那里找到了解决方案。

只需将此代码完美运行:

<script type="text/javascript">
$(window).bind("load", function() {     
    $('#scrollbar1').tinyscrollbar();
});
</script> 
于 2011-02-10T00:51:23.313 回答
1

你是如何初始化滚动条插件的?是$('#cases_container').tinyscrollbar();吗?

#cases_container移除div的设置高度。

Nodo.css 行:101。

#cases_container {
    /*height: 383px;*/
    width: 550px;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    /*position: relative;*/
    /*top: -200px;*/
    /*left: 250px;*/
}

我假设这样做会搞砸它在页面上的定位,因此创建另一个容器 div 应用所有相对位置等,但将溢出隐藏在其中。

于 2010-12-22T20:27:07.237 回答
1

我有一个类似的问题,shahzad 的解决方案确实对我有用,但只在第一次加载时,从不刷新。这是由 jQuery 加载缓存引起的。解决方案:

$(window).load({noncache: new Date().getTime()},function() { $('#scrollbar1').tinyscrollbar();} );
于 2012-07-09T11:56:44.290 回答