VUE2 滚动事件

滚动条的滚动事件

<ul @scroll="gundong">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul> 

鼠标滚轮的滚动事件

<ul @wheel="gundong">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

注意事项：

上面默认情况下，是先执行函数中的事件，然在执行滚动事件；但是如果函数事件耗时过长，这样就会延迟页面滚动事件发生，可以使用passive属性，这样滚动事件就会立刻执行。

<ul @wheel.passive="gundong">
    <!-- scroll或wheel，使用passive属性 -->
    <li>1</li>    
    <li>2</li>    
    <li>3</li>
</ul>