构建不带滚动条的可滚动的 div

7 浏览
0 Comments

构建不带滚动条的可滚动的 div

我正在尝试构建一个没有滚动条的动态可滚动菜单。我按照Stackoverflow上的示例进行了操作,但仍然出现滚动条。我应该如何去掉滚动条?我的代码在jsFiddle上。

0
0 Comments

问题出现的原因是因为在列表项中的宽度声明导致滚动条无法正常工作。解决方法是删除列表项中的宽度声明,或者将宽度声明设置为大于容器宽度的值。

在这个问题中,一个用户在jsfiddle上发布了一个例子,展示了一个带有滚动条的可滚动div。另一个用户尝试在自己的代码中实现相同的效果,但是滚动条没有正常工作。他在自己的代码中删除了列表项的宽度声明,这样滚动条就正常工作了。然而,他不明白为什么这样做能够解决问题,因为在他提供的例子中,列表项的宽度声明是有效的。

另一个用户解释说,问题出现的原因是因为列表项的宽度与容器的宽度相同。他建议将列表项的宽度设置为未定义或者大于容器宽度的值。这样,滚动条就能正常工作了。

然而,第一个用户提到他的实际代码中有箭头在列表项的末尾。当他将这些部分包含在代码中时,滚动条可以正常工作,但箭头不会显示出来。而如果包含宽度声明,滚动条会出现,并且当向右滚动时,箭头也会显示出来。

总之,问题的出现原因是列表项的宽度声明导致滚动条无法正常工作。解决方法是删除宽度声明或将宽度声明设置为大于容器宽度的值。如果还有其他要素(如箭头)需要考虑,需要根据具体情况进行调整。

0