Jquery 如何创建一个类似iPhone上的浮动滚动条?
我正在创建一个手指友好的web应用程序,但滚动条有问题。理想情况下,我尝试重新创建iPhone的实现,其中滚动条仅在用户滚动内容时出现,在滚动停止时消失Jquery 如何创建一个类似iPhone上的浮动滚动条?,jquery,iphone,scroll,scrollbar,widget,Jquery,Iphone,Scroll,Scrollbar,Widget,我正在创建一个手指友好的web应用程序,但滚动条有问题。理想情况下,我尝试重新创建iPhone的实现,其中滚动条仅在用户滚动内容时出现,在滚动停止时消失 有人有什么建议吗?首先,我从一些选项开始。亚佐夫有一个好主意 除此之外,请从插件中删除此项: .css({"cursor":"url("+o.icons.open+"), default", "overflow-y": "auto"}) 替换为: .css({"cursor":"url("+o.icons.open+"), default"}
有人有什么建议吗?首先,我从一些选项开始。亚佐夫有一个好主意 除此之外,请从插件中删除此项:
.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()事件装配为隐藏/显示,只需注意隐藏或显示将导致滚动本身,从而导致无限事件循环。您需要对回调设置一些检查,以确保它不是导致滚动事件的滚动条隐藏(它处于拖动状态…所以鼠标向上并滚动滚轮检查?)。首先,我从一些选项开始。亚佐夫有一个好主意
除此之外,请从插件中删除此项:
.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()事件装配为隐藏/显示,只需注意隐藏或显示将导致滚动本身,从而导致无限事件循环。您需要对回调设置一些检查,以确保它不是导致滚动事件的滚动条隐藏(它处于拖动状态…所以鼠标向上并滚动滚轮检查?)。太好了!正是我一直在寻找的:)啊,太好了!正是我一直在寻找的:)