如何创建一个浮动滚动条，就像在iPhone上一样？
提问于 2010-02-02 02:50:56
我正在创建一个手指友好的web应用程序，滚动条有问题。理想情况下，我正在尝试重新创建iPhone的实现，其中滚动条只在用户滚动内容时出现，在滚动停止时消失。
有谁有什么建议吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-02-02 03:34:21
首先，我将从一些选项开始。阿佐夫有个scrollable plugin to get you started。
最重要的是，从插件中删除以下代码：
.css({"cursor":"url("+o.icons.open+"), default", "overflow-y": "auto"})替换为：
.css({"cursor":"url("+o.icons.open+"), default"})在您的代码中，以插件页面为例：
$(function() {
$("#overscroll").overscroll();
$("#overscroll").hover(
function() { $(this).css({'overflow-y':'scroll'}); },
function() { $(this).css({'overflow-y':'hidden'}); }
);
});这显示了悬停时的滚动。您也可以设置$("#overscroll").scroll()事件来隐藏/显示，但要注意隐藏或显示本身会导致滚动，从而导致无限的事件循环。你需要在回调上设置一些检查，以确保不是滚动条隐藏导致了scroll事件(它在drag...so鼠标向上和滚轮检查？)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2181599
复制
腾讯云开发者
