文章/答案/技术大牛

发布

问IE10 svg指针-事件
EN

Stack Overflow用户

提问于 2013-04-25 03:27:53

回答 1查看 533关注 0票数 0

我有一个带有可滚动内容的div容器。并且我需要为用户进行亮度设置。例如：

<div>
    <div style="overflow-y: auto">
        <div>some long content</div>
    </div>
    <svg:svg style="position: absolute; left:0; top:0; width:100%; height:100%;
                    opacity: 0.5" pointer-events="none">
        <svg:rect x="0" y="0" width="100%" height="100%" fill="black"></svg:rect>
    </svg:svg>
</div>

结果是可以接受的。但是..。当我使用鼠标滚轮或键盘滚动内容时，一切都按预期工作。但是，如果我尝试用触控设备滚动内容，什么也不会发生。尝试监听可滚动容器上的指针事件，结果显示一切正常。事件将被引发。什么可以阻止内容滚动？

html

windows-8

svg

scroll

internet-explorer-10

回答 1

Stack Overflow用户

发布于 2013-11-03 03:36:27

我修改了一下你的网页，也许这解决了你的问题？http://jsfiddle.net/krul/VZtaD/1/

    <svg style="position: absolute; left:0; top:0; width:100%; height:100%;
                opacity: 0.5" pointer-events="none">
    <rect x="0" y="0" width="100%" height="100%" fill="black"></rect>
</svg>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16200563

复制

相似问题

问IE10 svg指针-事件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE10 svg指针-事件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE10 svg指针-事件
EN