在html中包含一个滚动条

时间:2016-11-30 13:45:17

标签: javascript jquery html events popup

我的html代码里面有一个pop-in可以用mouseout事件显示。

我制作$("body").mouseleave(function(){});但当我的鼠标在滚动条上传递时,我的脚本就会触发。

有没有办法包含滚动条,以便其悬停不会触发脚本?

我试试:

html{
    overflow: hidden;
}
.wrapper{
    display: block;
    height: 100vh;
    overflow: scroll;
    overflow-x:hidden;
}
<html>
   <body>
       <div class="wrapper">
         ... content ...
         start<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         .<br/>
         end<br/>
       </div 
    </body>
</html>

这是工作,谢谢你们

0 个答案:

没有答案