Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何创建一个类似iPhone上的浮动滚动条?_Jquery_Iphone_Scroll_Scrollbar_Widget - Fatal编程技术网

Jquery 如何创建一个类似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"}

我正在创建一个手指友好的web应用程序,但滚动条有问题。理想情况下,我尝试重新创建iPhone的实现,其中滚动条仅在用户滚动内容时出现,在滚动停止时消失


有人有什么建议吗?

首先,我从一些选项开始。亚佐夫有一个好主意

除此之外,请从插件中删除此项:

.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()事件装配为隐藏/显示,只需注意隐藏或显示将导致滚动本身,从而导致无限事件循环。您需要对回调设置一些检查,以确保它不是导致滚动事件的滚动条隐藏(它处于拖动状态…所以鼠标向上并滚动滚轮检查?)。

太好了!正是我一直在寻找的:)啊,太好了!正是我一直在寻找的:)