js巧用scrollTop属性使滚动条以另一种方式表现(兼容)
日期:2009年11月10日作者:kos
来自分类:DIV+CSS, JAVASCRIPT查看:(300)评论:(0)

  很久没写东西了,最近网上到处找一些处理滚动的js
看来看去,看到恼火,都是些长篇大论,写得太多,本想在里面找个好用点的收集到起,结果不好用的归不好用,复杂的归复杂,最后还是自己动手写了一个简单的

先研究一下想法
  在网页的很多地方可能大家都讨厌滚动条,比如页面上有背景颜色,而改变滚动条的样式只有ie6内核的浏览器支持,所以可以不要滚动条,而一样达到滚动的效果,这里有个例子是实现上下滚动
再来谈一下思路
  1、点击一个按钮即让里面内容上下滚动其实就是让scrollTop的值发生改变
  2、当内容顶对齐后就不再要向上点击的按钮,向下亦同,即判断scrollTop的值和内容的实际高度与外面容器的值的关系

来个例子让大家看看才是真的(兼容的哦):

CODE
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 

相关下载:
  css下载:menuscroll.css
  js下载:menuscroll.js

网友评论:
共 0 条评论
 姓名(必填)
 邮箱(必填,但不公开)
 个人主页