滚动的简析

        在滚动中,当父对象里面的东西超出父对象的内容区域,则父对象就会出现滚动,任何对象都可以滚动。

滚动的方法

window.scroll(x,y)  此方法接收两个参数,依次为X坐标和Y坐标;设置滚动条的偏移位置

 

使用window.scroll(x,y)滑动滚动,打印出来结果如下


window.scrollTo(x,y) 此方法和scroll()作用一样

 

使用window.scroll(x,y)滑动滚动,打印出来结果如下

window.scrollBy(bx,by) 此方法同样接收两个参数,表示在以前基础出的增加。

使用window.scrollBy(bx,by)方法,打印结果如下

内容的收缩和展开

window.pageYOffset, bom操作,IE8及IE8以下不兼容,标准与混杂模式都可用

打印出来的效果如下:

 自动滚动

document.body.scrollTop ,仅混杂模式可用

document.body.scrollLeft ,仅混杂模式可用

自动移动打印出位置 如下

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值