Javascript HTML页面中的多页面滚动错误_Javascript_Jquery_Html

Javascript HTML页面中的多页面滚动错误

javascript jquery html

Javascript HTML页面中的多页面滚动错误,javascript,jquery,html,Javascript,Jquery,Html,我有一个下面的html页面 <html> <head> <title> Test Page </title> </head> <body> <div id="testdiv" style="height:300px; width:200px; overflow:scroll;"> This is a sample

我有一个下面的html页面

<html>
    <head>
        <title> Test Page </title>

    </head>

    <body>
            <div id="testdiv" style="height:300px; width:200px; overflow:scroll;">
                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div                This is a sample div

                <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/>
            </div>
            <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/><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/>
   </body>

</html>


测试页
这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是示例div这是一个示例div































































/>

我在本页添加了以下脚本

<script>
$( window ).scroll(function(){
    alert('Window Scroll');
});

$('#testdiv').scroll(function(){
    alert('testdiv Scroll');
});

</script>


$（窗口）。滚动（函数（）{
警报（“窗口滚动”）；
});
$（'#testdiv'）。滚动（函数（）{
警报（“testdiv滚动”）；
});

这将提醒我调用了哪个滚动操作

如果我在正文中滚动，它会以

windowscroll

如果我在主体内部的一个div中滚动，它会以

testdiv滚动

，

窗口滚动

但是它应该只提醒testdiv scroll为什么它会提醒我2个滚动事件

试试这个

$('#testdiv').scroll(function(e){
    alert('testdiv Scroll');
    e.stopPropagation();
});

试试这个

$('#testdiv').scroll(function(e){
    alert('testdiv Scroll');
    e.stopPropagation();
});

您的滚动事件弹出气泡。有关事件冒泡的说明，请参阅。

您的滚动事件冒泡。有关事件冒泡的解释，请参阅。

在我的FF 30上，我没有此错误。在我的FF 30上，我没有此错误。