非JavaScript用户的jQuery ScrollTo / serialScroll可访问性

时间:2011-06-13 10:53:35

标签: jquery scrollbar hide scrollto serialscroll

我已经成功实现了Ariel Flesler的ScrollTo和serialScroll插件(http://plugins.jquery.com/project/ScrollTo),用于垂直滚动,溢出:隐藏div。这里,普通的滚动条没有出现,而是用户点击我创建的按钮,这些按钮用Flesler的脚本实现渐进的,简化的滚动。 但是,我的问题是我希望滚动条出现 - 仅适用于未启用JavaScript的用户,这样他们仍然可以向下滚动并查看该div中的所有内容,而无法使用我手动实现的滚动条。

我已经搜索了低和高的答案,所以这是我的最后一招。谢谢!

1 个答案:

答案 0 :(得分:2)

您需要确保div最初在CSS中设置了overflow:auto,然后让Javascript稍后将其更改为overflow:hidden

这样,禁用Javascript的用户将看到滚动条,而启用Javascript的用户则不会。

<script type="text/javascript">
    $(document).ready(function(){
        // change yourDiv to whatever selector is needed
        $(yourDiv).css("overflow","hidden");
    });
</script>