实现网页内容水平或垂直滚动的Javascript代码
时间:2021-07-11 08:42:02|栏目:JavaScript代码|点击: 次
主要两个部分,一、是滚动内容部分;二、JS的滚动代码部分,也只有两句话。
一、传统的滚动代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
传统的滚动代码应用效果比较单一,而且经常还存在浏览器的兼容性问题,比如在FIREFOX上效果就会出现marquee的特效无效的问题。
二、Javascript实现的滚动效果
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
以上就是完整的JS滚动代码,如果想实现垂直滚动,则只需要简单的修改即可,即使用style的pixTop属性即可实现。
摘自 天缘博客
一、传统的滚动代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
传统的滚动代码应用效果比较单一,而且经常还存在浏览器的兼容性问题,比如在FIREFOX上效果就会出现marquee的特效无效的问题。
二、Javascript实现的滚动效果
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
以上就是完整的JS滚动代码,如果想实现垂直滚动,则只需要简单的修改即可,即使用style的pixTop属性即可实现。
摘自 天缘博客
上一篇:瀑布流布局代码一例
栏 目:JavaScript代码
下一篇:create-react-app使用antd按需加载的样式无效问题的解决
本文标题:实现网页内容水平或垂直滚动的Javascript代码
本文地址:http://www.codeinn.net/misctech/155749.html