h5页面滑动效果

用到的属性

主要用到jquery中的animate函数。

滑动监听（touch事件）。

对css中overflow属性的控制。

实现步骤

以四个页面为例，将这四个页面的高度都设置为100%，每一块都能充满当前屏幕。

通过clientHeight获得每个页面的实际高度。

通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop，可能会遇到函数无效的情况，这个时候首先要检查绑定的dom对象有没有设置高度，并且有没有设置overflow属性，可以设置为scroll或者auto等。

如何通过JQuery将DIV的滚动条滚动到指定的位置

$("#div_id").animate({scrollTop: 100}, 300);以上代码可以实现，scrollTop 表示向下滚到多少距离，300表示滚动动画时间，单位毫秒

怎么让长图片滑动播放

要让长图片滑动播放，可以通过以下步骤实现：

首先，将图片拆分成多个等宽度的小图片，每个小图片的高度可以根据需求来定制。

其次，使用HTML和CSS创建一个滑动容器，设定宽度和高度，并设置overflow属性为hidden，以便隐藏超出容器宽度的内容。

接下来，创建一个用于存放小图片的div容器，将多个小图片按顺序排列在其中，并设置容器的宽度为每个小图片的宽度总和。

最后，使用jQuery或其他JavaScript库来编写滑动效果，让小图片的容器在滑动容器内水平滑动。通过这些步骤，就可以让长图片实现滑动播放的效果了。

要实现长图片的滑动播放，可以使用ScrollView或RecyclerView控件。首先，将长图片作为子视图添加到ScrollView或RecyclerView中。

然后，设置滑动方向和滑动速度，使其能够水平或垂直滑动。

接着，结合手势监听器，实现手指在屏幕上滑动时图片跟随滑动的效果。还可以通过计时器或定时器，设置每隔一定时间自动滑动的功能。

最后，根据需要可以增加其他功能，如滑动停止后自动回滚到图片的起始位置等。

怎么发照片可以滑动的

可以使用轮播图的方式来实现照片的滑动。
轮播图是一种常见的Web组件，可以使用JavaScript或者jQuery来实现，常见的库包括swiper和slick。
轮播图可以实现多张图片的自动滑动，同时支持手动滑动和指示器控制。
在页面中插入轮播图可以使用插件或者手动编写HTML和JavaScript代码实现。