Angularjs 角度代码在JSFIDLE中工作，而不是在浏览器中_Angularjs_Scroll_Jsfiddle

Angularjs 角度代码在JSFIDLE中工作，而不是在浏览器中

angularjs scroll

Angularjs 角度代码在JSFIDLE中工作，而不是在浏览器中,angularjs,scroll,jsfiddle,Angularjs,Scroll,Jsfiddle,我复制了在fiddler中工作的代码，但是当我尝试在浏览器中运行相同的代码时，我没有得到scroll事件。控制台中没有错误。下面是我从JSFIDLE复制的代码 HTML文件 <!DOCTYPE html> <html> <head> <title>Angular Synchronous scroll</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/angula

我复制了在fiddler中工作的代码，但是当我尝试在浏览器中运行相同的代码时，我没有得到scroll事件。控制台中没有错误。下面是我从JSFIDLE复制的代码

HTML文件

<!DOCTYPE html>
<html>
<head>
<title>Angular Synchronous scroll</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<div class="wrapper" combine-horizontal-scrolls="horizontal-scroll">
    <div class="horizontal-scroll top"><div class="content"></div></div>
    <div class="horizontal-scroll bottom"><div class="content"></div></div>
</div>
</body>
</html>

CSS文件

.top{
background: yellow;
height: 100px;
overflow-x: auto;
 }

.bottom{
background: red;
height: 100px;
overflow-x: auto;
}

.content{
width: 300%;
height: 100%;
}

看起来您忘记将ng应用程序添加到body元素

<body ng-app="myApp">

我没有收到任何错误，但滚动时不会触发滚动事件。对于OP，它位于侧栏菜单“FIDLE Options/Body tag”下。我已完成更改并更新了问题。但是我仍然无法获得scroll事件，我建议将您的代码与JSFIDLE页面的输出进行比较：这里似乎包含jqueryaswell@Mark：我在代码中添加了相同的jquery并再次检查，但仍然无法获取滚动事件。其他可能的差异：源代码包括angular的1.0.1版，您的代码包括v1.3.15。JSFIDLE中的脚本插入dom下方，可能将script.js include放在body closing标记的正上方

<body ng-app="myApp">