`

Flash在FF下当设置overflow-y:scroll时,失去热点的bug

    博客分类:
  • Flex
阅读更多

今天遇到了一个奇怪的问题,flash在FF下不能点击,所有按钮均失效,而且flash自身的右键菜单明显不在鼠标XY点上。

而当flash设置为不透明时,此问题就不存在。

 

后来经过多次试验,终于找着原因,是因为网页中有一个div设置了overflow-y:scroll,如果将此设置去掉,即使flash是透明的,问题也不存在。断定是FF的bug。

 

然后接着在网上搜结果,发现有人遇到过此问题,说把设置了overflow-y:scroll的Dom的margin设置为非零的数(如margin:0.1px)就可以解决此问题,照此做了,仍然不行。

 

再后来仍然没有解决办法,先暂时在此记录此事吧,以后有结果了,或者有哪位仁兄有解决方法的话,要分享一下。

分享到:
评论

相关推荐

    详解overflow-scrolling解决滚动卡顿问题

    如果你对某个div或模块使用了overflow: scroll属性,在iOS系统的手机上浏览时,则会出现明显的卡顿现象。但是在android系统的手机上则不会出现该问题。 解决方法 以下代码可解决这种卡顿的问题:-webkit-overflow-...

    解决页面使用overflow: scroll在iOS上滑动卡顿的问题1

    标题中的“解决页面使用overflow: scroll在iOS上滑动卡顿的问题1”指的是在iOS设备上,当HTML元素使用CSS属性`overflow: scroll`时,滚动可能会变得卡顿不顺畅。这个问题通常不会在Android设备上出现,使得开发者...

    CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

    `overflow-y: scroll`确保元素在内容高度超出时显示垂直滚动条,而`overflow-x: hidden`则隐藏任何可能的水平滚动条。 具体到你的问题,你提到的解决方案是使用以下CSS样式: ```css <div class="sidebar-nav" ...

    jQuery UI custom

    overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 修改div滚动条颜色的css代码 <div style="width:260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> ...

    css设置Overflow实现隐藏滚动条的同时又可以滚动

    css设置Overflow实现隐藏滚动条的同时又可以滚动,具体代码如下所示: .scroll-list ul{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem...

    div和table横向和纵向滚动条问题

    将`thead`的`display`设置为`block`,并添加`overflow-y:scroll`,使其在需要时显示垂直滚动条。注意,`border-bottom`属性用于保留`thead`下方的边框,以保持视觉完整性。 ```html <thead style="display:block; ...

    css使用overflow属性控制滚动条的样式

    overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容,其用到的表现形式和值有以下几种 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden...

    细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果

    大家可以发现,上网站上查询之后会得到overflow-x和overflow-y的一大堆属性值,但很多网站并没有详细说明各属性值的效果,我们今天细说一下。 各属性值如下: visible:默认值,不裁剪内容,可能会显示在内容框...

    css 设置overflow:scroll 滚动条的样式

    css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-...

    el-table-infinite-scroll:El-Table无限滚动

    element-ui 的表格与无限滚动的结合(el-table + infinite-scroll)。查看实例教程此指令依赖于 element-ui@2.12.0,使用前请熟悉:element-ui@2.12.0element-ui@2.12.0安装npm install --save el-table-infinite-...

    微信小程序实现列表的横向滑动方式

    微信小程序原生方式实现列表的横向滑动的... scroll-view的内层view元素需要:display:inline-block; scroll-view的外层元素需要:white-space:nowrap; 实现代码: 1.wxml <!--pages/packageA//multiple-functio

    网页滚动条添加 删除等方式

    同样地,通过设置`<body style="overflow-y:hidden">`,可以隐藏垂直滚动条。这意味着当内容超出容器高度时,垂直滚动条不会显示出来。 **隐藏横向滚动条,仅显示纵向滚动条** 若需要隐藏水平滚动条但保留垂直滚动...

    react-auto-scroll:自动将元素滚动到底部

    @ brianmcallister /React自动滚动 自动将元素滚动到底部react-auto-scroll是一个React组件,它将包含元素自动滚动到底部。目录演示版托管的演示: : 您也可以在本地运行演示。 开始: git clone git@github....

    div 的滚动条问题

    div 的滚动条问题 div自动添加滚动条,防止div移动位置

    postcss-momentum-scrolling:PostCSS插件添加“动量”样式的滚动行为(-webkit-overflow-scrolling

    overflow : scroll; } /* Output example */ . minicart { overflow : scroll; -webkit-overflow-scrolling : touch; } 现场例子 , :link: 链接: 入门 首先,安装模块: npm install postcss-momentum-...

    css中滚动条样式的设置.pdf

    - 方法1:通过`overflow-y: scroll`强制显示垂直滚动条,但可能会在不需要时显示垂直滚动条。 - 方法2:使用`overflow-x: hidden`和`overflow-y: auto`,在不必要时隐藏水平滚动条,但可能会错过真正需要水平滚动...

    vue-chat-scroll:VVue指令可将内容滚动到最底端

    推荐的安装vue-chat-scroll的方法是将与npm(或yarn)软件包管理器一起使用: npm i vue-chat-scroll@alpha 安装软件包后,必须使用vue-chat-scroll: import VueChatScroll from 'vue-chat-scroll' ; Vue . use...

    解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容

    令人蛋疼的IE,IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效。 情况一:(在parent上增加position:relative) 复制代码代码如下: <style type=”text/css”> .parent{ width:...

    ie7中overflow:auto无效的解决方法

    产生原因当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:auto属性就会失效。 解决办法解决这个bug很简单,在父元素中使用position:relative;即可解决该bug。 代码bug重现 ...

    ngx-infinite-scroll:角度的无限滚动指令

    从Angular 6及ngx-infinite-scroll@THE_VERSION.0.0开始ngx-infinite-scroll@THE_VERSION.0.0 对于Angular 4和Angular = ^ ngx-infinite-scroll@0.8.4使用ngx-infinite-scroll@0.8.4版本对于rxjs = <5.5.2的...

Global site tag (gtag.js) - Google Analytics