当前位置: 首页 > 面试题库 >

实现动态滚动的算法

阙俊友
2023-03-14
问题内容

创建动态滚动实现有哪些好的算法?该功能将在自定义UI列表上进行测试。当我针对移动设备(那些没有内置此功能的设备)时,来自不同编程领域的任何算法或代码示例也可能适用。


问题答案:

我最近自己实施了一个。这些是我采取的步骤。

  1. 您需要测量光标的速度(鼠标光标或手指)
  2. 实现一个简单的粒子物理循环。有关如何执行此操作的信息,请参见此处
  3. 使用从滚动平面的宽度和视口的宽度派生的数学给您的粒子“边界”
  4. 连续将鼠标速度和粒子速度之间的差加到粒子的速度上,因此只要粒子在移动,它的速度就会“匹配”鼠标的速度。
  5. 用户抬起手指后,立即停止执行步骤4。物理循环负责惯性。
  6. 添加您的个人喜好,例如“保险杠”边距,以及平滑滚动的“锚定”点,这些点在zeno悖论上起作用以计算运动。
  7. 我差点忘了:取自上面的坐标,并将其用作滚动平面的位置。

我可能会很快将此代码开源。您多久需要一次?

编辑:更改了链接。抱歉,指向错误的页面。edit2:还是不?无论如何,我链接到的原始页面是当前链接页面上的第一个链接。



 类似资料:
  • 本文向大家介绍Android简单实现无限滚动自动滚动的ViewPager,包括了Android简单实现无限滚动自动滚动的ViewPager的使用技巧和注意事项,需要的朋友参考一下 经常我们会在应用中看到一个可以自动滚动,并且无限滚动的一个ViewPager,百度谷歌上面也有很多关于这方面的教程,但是感觉都略显麻烦,而且封装的都不是很彻底。所以试着封装一个比较好用的ViewPager 效果如下: 简

  • 本文向大家介绍JS JQUERY实现滚动条自动滚到底的方法,包括了JS JQUERY实现滚动条自动滚到底的方法的使用技巧和注意事项,需要的朋友参考一下 设置页面加载时滚动条自动滚到底的方法: jQuery: JavaScript: 以上2种方法均可以实现页面加载时滚动条自动滚动到底,小伙伴们根据自己的实际需求,自由选择吧

  • 本文向大家介绍jQuery实现浮动层随浏览器滚动条滚动的方法,包括了jQuery实现浮动层随浏览器滚动条滚动的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现浮动层随浏览器滚动条滚动的方法。分享给大家供大家参考。具体如下: 这是jQuery实现的一个浮动层效果,随浏览器滚动条而滚动,并一直保持在顶部位置,请使用火狐测试,IE下表现不尽理想。 运行效果截图如下: 在线演示

  • 我想写个动画。比如说鼠标向上滚动,一个div往上运动。当我鼠标向下的时候,div往下运动。 有没有这种动画库?我以前的做法是判断滚动方向。然后分别执行不同的动画函数。当然了我的一个动画里面,肯定是包含好几个运动元素的。

  • 本文向大家介绍bootstrap监听滚动实现头部跟随滚动,包括了bootstrap监听滚动实现头部跟随滚动的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了bootstrap监听滚动头部跟随滚动的实现方法,供大家参考,具体内容如下 实现案例 css控制样式 js监听 导入js 知识只有共享才能传播,才能推崇出新的知识,才能学到更多,这里写的每一篇文字/博客,基本都是从网上查询了一下资料

  • 本文向大家介绍vue监听滚动事件实现滚动监听,包括了vue监听滚动事件实现滚动监听的使用技巧和注意事项,需要的朋友参考一下 在vue中实现滚动监听和原生js无太大差异,下面是一个简单的demo,可在控制台查看结果 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍C#滚动字幕的实现方法,包括了C#滚动字幕的实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#滚动字幕的实现方法,分享给大家供大家参考。具体方法如下: 在c#中其实滚动屏幕的实现其实很简单,只需要用到Graphics.DrawString方法. Graphics.DrawString (String s, Font font, Brush brush, PointF

  • 本文向大家介绍MyBatis实现动态SQL的实现方法,包括了MyBatis实现动态SQL的实现方法的使用技巧和注意事项,需要的朋友参考一下 MyBatis 最强大的特性之一就是它的动态语句功能。如果您以前有使用JDBC或者类似框架的 经历,您就会明白把SQL语句条件连接在一起是多么的痛苦,要确保不能忘记空格或者不要在 columns列后面省略一个逗号等。动态语句能够完全解决掉这些痛苦。 ​尽管与动