自定义滚动条随标签消失

Question

我想帮助解决这个问题。

我正在尝试创建一个带有标签的php网站，并在每个标签中保留相同的自定义滚动条。我找到的这些滚动条代码工作正常但是自定义滚动条在选项卡2中停止显示。我注意到当我开始使用选项卡的功能（CSS＆amp; Javascript）时会发生这种情况。

示例网站可在此处找到 - ＆gt; http://www.swan10.nl/stuff/scroll/Scroller.php

选项卡功能和滚动功能已在Scroller.php中相应标记。

还找到并修改了标签的代码，其中一个可能取消另一个？如果是，是否有办法解决这个问题？

这个问题让我感到很沮丧几个小时......感谢你提前帮助。

Answer 1

我猜这是因为你在你的html中重复使用相同的id。你有两个使用id="mycustomscroll"的div。 ID必须对页面上的每个元素都是唯一的。 flexcrollstyles.css文件以具有该id的元素为目标来设置滚动条的样式。

#mycustomscroll {
 /* Typical fixed height and fixed width example */
 width: 490px;
 height: 520px;
 overflow: auto;
 /* IE overflow fix, position must be relative or absolute*/
 position: relative;
 padding: 5px;
 background: none;
}

如果要在元素之间重新使用css样式，那么首先应该考虑使用类。在你能够生成干净的代码之前，这里的人很难诊断出错了什么。但要解决这个问题。