Question

我在网站上实现了Tiny Scrollbar插件，以实现漂亮的div滚动。但是当我在Safari或Chrome中刷新页面时会发生奇怪的事情。它接缝剪辑我的一些内容。页面刷新会发生什么，这可能会使它像这样？请查看mettestentoft.dk

我尝试在一个简单的测试页面上使用相同的插件，其中页面刷新会使插件为div添加“滚动栏禁用”类，同时单击链接到同一页面的链接，将使我显示正如它应该。

Tiny Scrollbar插件的删除似乎没有任何问题，除非我错过了。

所以我的问题是：为了让页面同等地加载到链接页面，我是否必须做一些jQuery的事情？

提前谢谢你：）

Answer 1

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

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

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

让这段代码完美无缺：

<script type="text/javascript">
$(window).bind("load", function() {     
    $('#scrollbar1').tinyscrollbar();
});
</script>

Answer 2

您是如何初始化Scrollbar插件的？它是$('#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来应用所有相对位置等但是将溢出隐藏起来。

Answer 3

我遇到了类似的问题，shahzad的解决方案对我有用，但只在第一次加载时，从不刷新。这是由jQuery加载缓存引起的。解决方案：

$(window).load({noncache: new Date().getTime()},function() { $('#scrollbar1').tinyscrollbar();} );

jQuery Tiny Scrollbar插件 - 无法在刷新时显示所有内容

3 个答案: