Javascript CSS如何禁用window.onscroll?

Javascript CSS如何禁用window.onscroll?,javascript,html,css,Javascript,Html,Css,问题是:没有调用简单函数 window.onscroll = function() { console.log("scroll"); } 如果我从页面中删除CSS链接,它将起作用 <link rel="stylesheet" href="/blog/css/style.css" type="text/css"> 问题是: CSS代码如何禁用Javascript函数window.onscroll 页面: CSS:您实际上是在滚动容器div。 如果执行此操作,事件将触发

问题是:没有调用简单函数

window.onscroll = function() { 
    console.log("scroll");
}
如果我从页面中删除CSS链接,它将起作用

<link rel="stylesheet" href="/blog/css/style.css" type="text/css">

问题是: CSS代码如何禁用Javascript函数window.onscroll

页面:


CSS:

您实际上是在滚动容器div。 如果执行此操作,事件将触发:

document.getElementById("container").onscroll = function() { 
    console.log("scroll container"); 
}
编辑:页面上似乎有更改。如果您在上面的页面上使用此选项,它将正常工作:

jQuery("body").on("scroll", function() { 
    console.log(this) 
})

实际上,您正在滚动容器div。 如果执行此操作,事件将触发:

document.getElementById("container").onscroll = function() { 
    console.log("scroll container"); 
}
编辑:页面上似乎有更改。如果您在上面的页面上使用此选项,它将正常工作:

jQuery("body").on("scroll", function() { 
    console.log(this) 
})

刚刚将代码添加到页面中。仍然没有看到任何日志。(在Chrome中)这很奇怪,你确定代码被执行了吗?我通过从Chrome开发者工具中执行代码来尝试它。如果我删除CSS链接,window.onscroll就会被执行,我会看到日志。我想如果你这样做,事情会有所改变:
jQuery(“body”).on(“scroll”,function(){console.log(this)}
我找到了一个更好的解决方案——删除样式html、body、#容器{height:100%;}不管怎样,谢谢。刚刚将您的代码添加到页面中。仍然没有看到任何日志。(在Chrome中)这很奇怪,你确定代码被执行了吗?我通过从Chrome开发者工具中执行代码来尝试它。如果我删除CSS链接,window.onscroll就会被执行,我会看到日志。我想如果你这样做,事情会有所改变:
jQuery(“body”).on(“scroll”,function(){console.log(this)}
我找到了一个更好的解决方案——删除样式html、body、#容器{height:100%;}无论如何,谢谢。换句话说,我应该改变什么样的CSS样式来让它工作。找到了解决方案:1。删除了样式html,body,#container{height:100%}换句话说,我应该更改什么CSS样式才能使其正常工作。找到了解决方案:1。删除样式html、正文、容器{高度:100%;}