javascript - 在 Bootstrap 中在线滚动动画图像

标签 javascript html jquery css

如何使用 bootstrap 创建它以使其具有响应性?当有人滚动页面时,我想从头到尾为自行车制作动画。另外,如何在 bootstrap 中创建这条虚线,使其也具有响应能力?

有什么代码笔可以帮到你吗?

col-6       col-6
image start--------------(at bottom of border)
col-6       col-6
image------
col-6       col-6
image  end-------- 

enter image description here

最佳答案

您可以使用 waypoints在触发某个航路点时让您的页面播放动画。 There you can read guide about waypoints .

或者你也可以通过this guide它可以帮助你。

作为替代,您可以使用 ScrollMagic plugin .

我希望你能找到对你有用的东西。

关于javascript - 在 Bootstrap 中在线滚动动画图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66950640/

相关文章:

php - 如何用 UNIX 时间戳替换人类可读的日期字符串?

javascript - 如果另一个函数为真,则有一个函数

html - CSS:使用 Materialize 框架在 Chrome 中截断 header

html - 向背景图像添加深色叠加层

javascript - JQTouch - 向前导航而不将页面添加到历史记录

javascript - 带有 orm2 和分离模型文件的 Node Express

javascript - D3.js,CSS3 - 旋转矩形使其成一直线

javascript - 在 Web 应用程序中存储大量 session 数据的最佳方式是什么?

jquery - 在 HTML Accordion 中查找第一个 Img

jquery - 在jquery中查找第一个id