如何使用如何使用iScroll5实现移动滚动效果
展开全部
在百度搜索引擎中搜索“iScroll 5”
点击进入iScroll 5官方网站
下载iScroll 5，解压下载文件，文件目录，如下图所示。
在build文件夹拷贝iScroll 5 Javascript库，如下图所示。
本例是一个真实的应用场景，设计图如下图所示。
将iScroll文件拷贝进项目文件，并在所在项目的HTML文件引入该Javascript库。
本项目中需要滚动的HTML结构如下图所示。
本项目滚动部分内容需要通过Ajax从远程获取，代码如下图所示。
id为“wrapper”的外层div，为实现滚动效果，样式需要进行控制，CSS样式如图所示
id为“scroller”的内层div，为实现滚动效果，同样样式需要进行控制，CSS样式如图所示
最终实际运行效果如下图所示
点击进入iScroll 5官方网站
下载iScroll 5，解压下载文件，文件目录，如下图所示。
在build文件夹拷贝iScroll 5 Javascript库，如下图所示。
本例是一个真实的应用场景，设计图如下图所示。
将iScroll文件拷贝进项目文件，并在所在项目的HTML文件引入该Javascript库。
本项目中需要滚动的HTML结构如下图所示。
本项目滚动部分内容需要通过Ajax从远程获取，代码如下图所示。
id为“wrapper”的外层div，为实现滚动效果，样式需要进行控制，CSS样式如图所示
id为“scroller”的内层div，为实现滚动效果，同样样式需要进行控制，CSS样式如图所示
最终实际运行效果如下图所示
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
