iScroll

javascript 滚动器
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 手机/移动开发、 手机Web开发框架
软件类型 开源软件
地区 不详
投 递 者 吴才俊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

iScroll 是一个高性能、小尺寸、无依赖性、多平台的 javascript 滚动器。它可以在桌面、手机和智能电视上使用。它在性能和尺寸方面进行了大力优化,以便在现代和旧设备上提供最流畅的效果。

iScroll 不只是滚动。它可以处理任何需要通过用户交互来移动的元素。它可以为你的项目添加滚动、缩放、平移、无限滚动、视差滚动、旋转木马等功能,而且只需4kb就可以做到。给它一把扫帚,它也会打扫你的办公室。

即使在原生滚动已经足够好的平台上,iScroll也增加了其他方式无法实现的功能。具体而言:

  • 即使在动量期间,也可以对滚动位置进行粒度控制。您始终可以获取并设置滚动条的x,y坐标。
  • 可以使用用户定义的缓动功能(弹跳,弹性,后退...)自定义动画。
  • 您可以轻松地挂钩到大量自定义事件(onBeforeScrollStart,onScrollStart,onScroll,onScrollEnd,flick等)。
  • 开箱即用的多平台支持。从较旧的Android设备到最新的iPhone,从Chrome到Internet Explorer。
  • iscroll是什么? iscroll.js是Matteo Spinelli开发的一个js文件,使用原生js编写,不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题,兼容mobile safari、android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心浏览器。最新版本为iscroll4。 iscroll的用武之地

  • 首先安装iscroll npm install iscroll 创建scroll组件 <template> <div id="wrapper" ref="wrapper"> <slot></slot> </div> </template> <script> import IScroll from 'iscroll/build/iscroll-probe' //专业版本可以监听滚

  • 作者真的很懒,这篇文章从想法开始到现在都几个月了。? iScroll是什么 很多场景,如果使用body的滚动会很不方便,这时候,就会使用某个元素的局部滚动,恶心的事情就会发生了。 pc端web,windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决,兼容性欠佳) 手机移动端,ios浏览器无法惯性和弹性滑动(默认使用浏览器滚动,非ios系统原生滚动),如果加上-webkit

  • iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。一般用来做 例如:上拉加载、下拉刷新. IScroll是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。 官网http://iscrolljs.com,GitHub地址https://github.com/cubiq/iscrol

  • iscroll 一般用于区域滚动。 比如:头部一直固定在顶部。 然后,内容区域滚动。 H5在移动端的话, position:fixed; 很多移动端浏览器都不兼容。 position:fixed; 在移动端不兼容。 在移动端开发中,使用position:fixed; 固定定位,很多的手机都支持不好,尤其是在定位的区域还需要输入内容调取虚拟键盘的时候,会出现很多很多的问题。 解决这个问题,就不能使用

  • 用JS有效解决移动w用JS有效解决移动web浏览器中HTML元素的overflow:sceb浏览器中HTML元素的overflow:scroll滚动属性失效问题 iscroll4webhtml5mobilejavascript web移动平台前端UI开发工作,兼容问题超多,今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容,但内容条数未知;如果条数过多,容器显示滚动条。这鸟需求按说是So eas

 相关资料
  • scroll 事件允许对页面或元素滚动作出反应。我们可以在这里做一些有用的事情。 例如: 根据用户在文档中的位置显示/隐藏其他控件或信息。 当用户向下滚动到页面末端时加载更多数据。 这是一个显示当前滚动的小函数: window.addEventListener('scroll', function() { document.getElementById('showScroll').innerH

  • jd.pageScrollTo(OBJECT) 将页面滚动到目标位置。 OBJECT 参数说明: 参数 类型 必填 说明 scrollTop Number 是 滚动到页面的目标位置(单位px) duration Number 否 滚动动画的时长,默认300ms,单位 ms 示例代码 jd.pageScrollTo({ scrollTop: 0, duration: 500 })

  • 我有一个类可以画一些非常简单的图形,比如直线、圆和矩形。线条可以动态扩展,有时当它们扩展到超出分辨率时,如果没有滚动条,就无法看到。因此,我已经将JScrollPane添加到JFrame中,但不幸的是,尽管已经调用了布局管理器,但滚动条还是无法滚动。 这是我所拥有的:-一个绘制组件(线条、矩形、圆形)的类-一个设置JFrame/JScrollPane的类 这是我的GUI类的摘录代码: 通过上面的代

  • 我希望能够向下滚动动态生成的电影列表。我尝试添加滚动窗格。 我在页面的开头有一个导航栏,中间有一个包含所有电影的jpanel。 您可以使用以下代码重新创建此示例: 我想做的是用我的鼠标滚轮向下滚动这个电影列表,而不看任何滚动条。它现在看起来应该和现在一模一样,但我希望能够向下滚动,看到所有的电影。 我不知道为什么它不起作用,这就是为什么我在这里问,希望有人能向我解释我做错了什么。

  • 问题内容: 我对Elasticsearch的滚动功能感到有些困惑。在Elasticsearch中,是否每当用户滚动结果集时都可以调用搜索API?从文档 这是否意味着它将每30秒执行一次搜索并返回所有结果集,直到没有记录为止? 例如,我的ES总共返回500条记录。我从ES获得的数据是两组分别有250条记录的记录。有什么办法可以让我先显示第一组250条记录,当用户滚动时再显示第二组250条记录。 问题

  • 因为部分低版本安卓机型上,如果一个容器通过 position: absolute; 或者 transform: translate3d(x,x,x); 定位,那么在滚动的时候有可能会出现闪烁问题。 为了解决这种bug,我们实现了原生滚动和JS滚动条两种模式,并且可以自由切换。从 v0.3.1 版本开始,默认的滚动条类型就是 "native" ,即默认使用系统原生滚动条。只有当你发现页面存在滚动闪烁

  • 问题内容: 我想要一个具有大小和定义位置的JPanel。在JPanel内部,我水平插入了一定数量的元素(按钮)。因为我的JPanel具有定义的宽度,所以如果添加很多按钮,则看不到。在这种情况下,我需要为此JPanel使用滚动条。但是,此JPanel必须是JFrame内某个位置的某个特定大小。JPanel的滚动条已在其下方水平放置。有人可以帮我吗?我尝试过没有成功! 问题答案: 使用JScrollP

  • scroll 滚动