$("#div_id").animate({scrollTop: 100}, 300);以上代码可以实现，scrollTop 表示向下滚到多少距离，300表示滚动动画时间，单位毫秒
长页面滑动可以通过使用CSS属性overflow: scroll或overflow: auto来实现页面滚动。也可以使用Javascript或jQuery等库来实现平滑的滚动效果，例如使用scrollTop属性或animate()函数。此外，考虑到移动设备的触摸操作，可以使用touch事件来实现手势滑动效果，提高用户体验。
要实现长文字文章的自动向上翻动效果，您可以考虑以下几种方法：
1. 使用网页滚动插件：您可以在网页中使用滚动插件，如Scrollme、Scrollify或fullPage.js，这些插件能够创建平滑的滚动效果，并且可以自动向上翻动页面内容。您可以根据插件的文档和示例进行配置和使用。
2. 使用CSS动画和定时器：您可以使用CSS动画和JavaScript定时器来实现页面内容的自动滚动。通过设置一个定时器，在一定的时间间隔内改变滚动条的位置，从而实现页面内容的自动向上翻动效果。
3. 使用JavaScript库：一些JavaScript库，如iScroll、jQuery滚动插件等，提供了方便的滚动功能。通过使用这些库，您可以轻松地实现自动向上翻动的效果。
具体实现方法将根据您的网站结构和技术选择而异。您可以选择适合您需求和技能水平的方法，并查阅相关文档和示例来帮助您实现自动向上翻动的效果。
主要用到jquery中的animate函数。
以四个页面为例，将这四个页面的高度都设置为100%，每一块都能充满当前屏幕。
通过clientHeight获得每个页面的实际高度。
通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop，可能会遇到函数无效的情况，这个时候首先要检查绑定的dom对象有没有设置高度，并且有没有设置overflow属性，可以设置为scroll或者auto等。
$(window).height();获取浏览器显示区域的高度；
$(window).width();获取浏览器显示区域的宽度；
$(document.body).height();获取页面文档的高度；
$(document.body).width();获取页面文档的宽度；
$(document).scrollTop();获取滚动条到顶部的高度；
$(document).scrollLeft();获取滚动条到左边的宽度；