标签：openlayers scrollbar css javascript

这是我的地图div的CSS：

#map {
              position: fixed;
              top: 9.48em;
              bottom: 2.2em;

            }

我的OpenLayers地图在此div中呈现.一切正常.但是只要我添加一个

overflow:auto;

上方css中的属性,则无法使用地图上的滚轮缩放.我需要添加此属性,因为现在我需要显示一些表格来代替地图.

我怀疑当我添加滚动条时,滚轮的事件未到达OpenLayers.

通过修复CSS或某些OpenLayers代码来解决此问题吗？

我知道我可以通过在JS中添加一些逻辑来做到这一点,该逻辑根据要加载的页面动态更改css属性,但是除非绝对必要,否则我不想走那条路,找到干净的解决方案.

谢谢.

解决方法:

很好的问题,这是设计使然：如果您位于可滚动的div上,OpenLayers将不会执行任何操作(它将为此检查溢出样式),否则,它将滚动地图.

查看解释源：https://github.com/openlayers/openlayers/blob/master/lib/OpenLayers/Handler/MouseWheel.js#L149

检查溢出样式在这里：https://github.com/openlayers/openlayers/blob/master/lib/OpenLayers/Handler/MouseWheel.js#L124

标签：openlayers,scrollbar,css,javascript
来源： https://codeday.me/bug/20191201/2081703.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。