javascript - 水平滚动事件无法在IE上运行？（似乎没有其他事件有效） - Thinbug

水平滚动事件无法在IE上运行？（似乎没有其他事件有效）

时间：2016-08-17 06:27:49

标签： javascript css3 scroll internet-explorer-11

<!DOCTYPE html>
<html>
<head>
<style>
    #myDIV {
        height: 250px;
        width: 250px;
        overflow: auto;
    }
#content {
        height: 800px;
        width: 2000px;
        background-color: coral;
    }
</style>
</head>
<body>
<p>Scroll inside the div element to display the number of pixels the content of div is scrolled horizontally and vertically.</p>

<div id="myDIV">
    <div id="content">Scroll inside me!</div>
</div>

<p id="demo"></p>

<script>

    document.getElementById("myDIV").addEventListener('scroll', function (e) {
        alert("scroll");
    });
    document.getElementById("myDIV").addEventListener('click', function (e) {
        alert("click");
    });

</script>

为什么它不能在 IE中工作我在w3中尝试使用相同的代码尝试自己的页面，它可以在 IE 中使用，但如果我将其作为单独的文件尝试则不行，如此迷茫。即使有人贬低了这个，请告诉我我错过了什么？

当我浏览其他答案时，我发现了这些东西：

指向window.scroll，但我需要一个特定的元素
使用overflow-x：scroll;溢出y：隐藏;反之亦然。（这不起作用，我也需要两种方式滚动）

注意：

此代码在其他浏览器中运行清晰。

1 个答案:

答案 0 :(得分：0)

这是我的坏事。可能对像我这样的人有帮助，请在IE中启用脚本。：_（

这里需要注意的是，虽然脚本没有启用，但由于iframe，w3学校练习练习有效吗？如果是这样的话？