vuejs日常-绑定滚动事件

小鱼儿 2022-06-04 03:58 384阅读 0赞

与scroll相关的方法:

  • 4个window对象下:scrollX、scrollY、scrollTo、scroll(作用和scrollTo一样)
  • 4个Element对象下:scrollWidth、scrollHeight、scrollLeft、scrollTop

示例:

  1. <script>
  2. export default {
  3. mounted () {
  4. window.addEventListener('scroll', this.handleScroll)
  5. },
  6. methods: {
  7. handleScroll () {
  8. console.log(window.scrollY)
  9. console.log(window.scrollX)
  10. console.log(window.scrollX)
  11. }
  12. }
  13. }
  14. </script>

发表评论

表情:
评论列表 (有 0 条评论,384人围观)

还没有评论,来说两句吧...

相关阅读

    相关 select 事件

    select 它的事件是注册在自己标签上的,不是onclick,而是onchange,子标签对低版本浏览器无效,而且也不是正规标准的写法。            

    相关 WEUI 事件

    1、简易的输入同步框 所需用到的事件为bindinput,详情可以查看开发文档 通过bindinput事件来监听输入框的值是否发生改变且获取到改变后的值,之后在js文件...