现在很流行的网页下拉加载动画效果，是用啥技术实现的呢？只用了js和css3吗？请知道的人详细回答

Posted 2023-05-02

目前很流行的，当下拉网页到一定高度时，就会加载一些动画，继续下拉，就继续加载，是否只是用js判断位置，用css3呈现动画效果呢？还是有涉及ajax等，请高手详细回答，复制粘贴的就不要来骗新手了！

其实这样的说起来简单，要做出来还是有一些难度的，其实都是在围绕着js来做的一系列事情，首先用js监听网页的滚动事件和窗口改变大小事件，从这两个事件判断网页是否已经到了该加载新数据的时候，如果到了就应该用js去做加载效果，同时用ajax获取远程数据，等获取远程数据返回数据后，在用js展现返回的数据，同时吧加载的效果去掉，大概是这样的

js==》事件 scroll resize
在scroll和resize中判断网页的位置
如果位置正好
js修改css ==》加载效果 同时 获取数据（ajax）
等获取数据成功（ajax返回数据） 用js展现数据 == 同时取消加载效果
基本流程如此 参考技术A 就用了js判断当前滚动条是否滚动到页尾，如果到页尾，就通过ajax请求去加载数据（这里加载的可能是json数据也可能是直接的html代码）,然后将数据呈现追加在页尾，这就是获取的新的内容了 参考技术B JS+CSS+ajax
JS做动画，CSS做布局，ajax获取数据

jquery实现html的控件select的缓慢下拉效果

小弟页面新手，想做一个登陆的html页面，其中有一个select框，用于选定用户角色。现在想用JQuery的动画效果实现，当我点击这个下拉框的时候，下拉出来的选项option用缓慢的方式向下呈现，网上到处都找不到关于这个动画细节的操作方法，望各位高手帮忙啊，谢谢！

的确有这样的效果，但用select标签本身是做不到的，一般是用图层重新和表格重新画一个类似select框的东西平时把表格隐藏并且讲的高度设为0，遇到事件触发时，用动画慢慢把高度拉大。而且select的外观是由系统外观决定的无法改变，一般看到的网页上的很漂亮的下拉菜单，如果不是用flash做的话，都是用其他标签重画的。 参考技术A 的确是完全没有必要在这种细节上做特效.
===========
另外,你看到的下拉框缓慢拉出,一般不是直接这样做出来的.
可能是在select的onclick()事件中拉出一个div来模拟下拉框.一般是需要额外的智能提示才会去模拟select的下拉框,你这个应用看起来没有这个必要. 参考技术B 那就不能用select控件了
得自己做一个模仿的下拉框 用ul li什么的就行
然后用jquery的slideDown()和slideUp()方法就可以了 参考技术C 话说，你做这个一点儿用也没有，你是娱乐型网站么？娱乐型网站也没有做这个功能的……从来都没听过在登录框上做特效的……