Javascript chrome angular 5中的滚动问题
我是angular 5的新手,我正在用它开发一个web应用程序。该应用程序在Firefox中运行良好,但在Chrome中,我发现以下错误: zone.js:1666[Violation]将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件中。将事件处理程序标记为“被动” 使页面更具响应性ˋJavascript chrome angular 5中的滚动问题,javascript,angular,google-chrome,angular5,Javascript,Angular,Google Chrome,Angular5,我是angular 5的新手,我正在用它开发一个web应用程序。该应用程序在Firefox中运行良好,但在Chrome中,我发现以下错误: zone.js:1666[Violation]将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件中。将事件处理程序标记为“被动” 使页面更具响应性ˋ Package.json: { "name": "app", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng",
Package.json
:
{
"name": "app",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^5.2.10",
"@angular/cdk": "^5.2.5",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/material": "^5.2.5",
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"alertify.js": "^1.0.12",
"core-js": "^2.4.1",
"crypto-js": "^3.1.9-1",
"jquery": "^3.3.1",
"ng4-geoautocomplete": "^0.1.0",
"ngx-cookie-service": "^1.0.10",
"ngx-filter-pipe": "^2.1.0",
"rxjs": "^5.5.6",
"socket.io-client": "^2.1.0",
"ts-md5": "^1.2.4",
"zone.js": "^0.8.19"
},
"devDependencies": {
"@angular/cli": "~1.7.4",
"@angular/compiler-cli": "^5.2.0",
"@angular/language-service": "^5.2.0",
"@types/jasmine": "~2.8.3",
"@types/jasminewd2": "~2.0.2",
"@types/node": "^6.0.108",
"@types/socket.io-client": "^1.4.32",
"codelyzer": "^4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~2.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"typescript": "~2.5.3"
}
}ˋ
我之所以出现此错误,是因为我在我的
angular cli.json
中包含了smoothscroll.js
,其中包含影响chrome中鼠标滚动事件的代码:
var ischrome = /chrome/.test(navigator.userAgent.toLowerCase());
if (ischrome) {
ssc_addEvent("mousedown", ssc_mousedown);
ssc_addEvent("mousewheel", ssc_wheel);
ssc_addEvent("load", ssc_init)
}
删除后,我的应用程序运行得非常好。您是否向鼠标滚轮事件添加了任何事件侦听器?或者您是否在应用程序中的任何位置操纵滚动事件?如果是,请出示code@Und3rTow我已经尝试过这个解决方案,但对我不起作用:
document.addEventListener(“wheel”,函数(e){e.preventDefault();},{passive:true})代码>可能这个答案会起作用。