从JSFiddle tablesorter中删除滚动条

时间:2015-06-10 10:59:55

标签: tablesorter jsfiddle

我通过JSFiddle创建了一个tablesorter,显然在网站上显示它的最好方法是在最后添加/ show。但是,当我将其添加到我的网站时,以及我尝试过的所有其他方式,在tablesorter中有一个滚动条,并且由于JSFiddle中的结果和编辑,标题可以向上滚动。

我知道这可能听起来像垃圾,所以我附上了一个指向我网站的链接,因为你可以看到它是可滚动的。

有没有办法在HTML,CSS或JavaScript中禁用滚动条,这样当它出现在我的网站上时就会被修复。

我希望我很清楚,谢谢。

链接 - eylestom.wix.com/tenation#!releases/c16vn

1 个答案:

答案 0 :(得分:1)

我假设你的意思是包含你的JSFiddle的iframe中的滚动条?我认为iframe高于"标签"包含它的div。我对iframe的高度进行内联更改为530px(允许使用标题栏)并且不显示滚动条。

所以,我认为你可以让iframe更小,或者让你的包含div更高,或者将其溢出设置为隐藏'。但是,您的网页看起来会包含大量数据。我建议您考虑添加' stickyheader'或者'卷轴'您的tablesorter的小部件可以更优雅地管理溢出。

<iframe src="//fiddle.jshell.net/tome98/abkNM/5961/show/light/" sandbox="allow-forms allow-popups allow-scripts allow-same-origin" style="height: 530px;"></iframe>