-
嵌在div中的iframe内容如何选择文本并拖动鼠标,使div的滚动条向下拉动(IE中)10
嵌在div中的iframe内容,如何选择文本并拖动鼠标,使div的滚动条向下拉动(IE中,ff正常);
drag.html
<div style="border:1px red solid;width:400px;height:300px;overflow:auto;display:block"> <iframe src="test.html" marginWidth="0" marginHeight="0" frameBorder="0" allowTransparency="true" style="width:400px;height:600px;" /> </div>
test.html
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> ..........................................................(多行)
在IE中,Div的宽,高设定,iframe的完全展示内容,使外层div出现滚动条;
如何点击鼠标左键选中iframe中的内容,往下拖动,使其外层的div滚动条也随着向下拉动 ? 附带实例
问题补充:我发现126邮箱的,邮件显示就是这样,但没搞清楚是如何实现的2010年1月22日 15:55
相关推荐
默认情况下,iframe具有自己的滚动条,当内容超出其可见区域时,内部的滚动条会自动出现。这种独立滚动行为是由`<iframe>`元素的`scrolling`属性决定的,该属性有三个可选值: - `auto`:浏览器自动决定是否显示...
可拖拽 Div 指的是用户可以手动拖动 Div 在页面中的位置。这一功能通常采用原生 JavaScript 实现。 #### 实现步骤 1. **绑定事件监听器**:为 Div 绑定 `mousedown` 事件,当用户按下鼠标左键时触发。 2. **获取...
如果div是页面的一部分,而我们需要让它在`iframe`内保持固定,我们需要确保`iframe`自身没有滚动条,或者将div的定位设置为相对于`iframe`而不是整个页面。 标签中提到的“源码”,可能是指`ymPrompt-源码.js`、`...
如`ondragstart`、`oncontextmenu`和`onselectstart`事件返回`false`,可以禁用拖动、右键菜单和文本选择。 4. **IFrame的使用**:IFrame是嵌入其他网页的一种方式。基本语法是`<iframe src="页面地址" width="宽度...
例如,可以通过修改cursorcolor属性来改变滚动条的颜色,cursoropacitymin和cursoropacitymax属性用于设置滚动条在隐藏和显示状态下的透明度。Nicescroll还允许通过cursorwidth和cursorborder来定义滚动条的宽度和...
- `overflow-y:hidden` 可以隐藏纵向滚动条,使得内容在垂直方向不可滚动。 - `overflow-x:hidden` 隐藏横向滚动条,内容在水平方向不可滚动。 - `scroll="no"` 则可以同时隐藏横向和纵向滚动条,使整个页面不可...
- `scroll="no"`:在`<body>`标签中使用此属性可禁止任何方向的滚动条显示。 2. **表格单元格(TD)的交互效果**: - 使用`onmouseover`和`onmouseout`事件来改变鼠标悬停时的背景颜色,实现表格单元格的高亮显示...
9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选...
9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选...
在“jquery拖动页面”的场景中,我们主要关注的是如何使用jQuery实现页面元素的拖放功能,并能使其在父框架中自动定位。这个功能常见于网页中的可交互组件,如面板、窗口或自定义滚动条,为用户提供更直观的操作体验...
-修正了IE下Grid中的一个JS问题(feedback:lqm4108)。 -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的...
2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部链接 2.19 jQuery实现outerHTML属性 2.20 实现带固定表头的表格 2.21 为表单内控件设定缺省数值...
在IE浏览器中,还需添加一个`iframe`来解决透明遮罩层在IE下的闪烁问题。 接下来,创建弹出层主体`div`,并设置相应的样式,包括边框、背景色、透明度等。弹出层的拖动功能通常通过监听鼠标事件实现。例如,当鼠标...
为了防止用户拖拽或选择页面上的内容,可以在`<body>`标签中添加相应的事件处理程序。 ```html oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false"> ``` #### 4. 使用...
-修正了IE下Grid中的一个JS问题(feedback:lqm4108)。 -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的...
函数内部首先为传入的url创建一个iframe元素,并设置必要的样式和属性,如滚动条、边框等。然后使用parent.$选择器和.window方法将创建的iframe元素封装成一个窗口,并通过一系列配置项(如标题、尺寸、内容、模态框...
“滚动条和框架效果”部分,滚动条是网页中不可或缺的交互元素,尤其是当内容超出屏幕范围时。通过CSS(Cascading Style Sheets)可以自定义滚动条的样式,如颜色、宽度、滑块形状等,使之与网页设计风格保持一致。...
它能够在任何容器(如div、iframe等)内启用鼠标或触摸事件,使得用户可以像在手机上滑动屏幕一样,通过拖拽元素来实现页面的上下滚动。这种功能对于需要展示大量内容的长页面或者需要自定义滚动区域的情况尤其有用...
一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code <!DOCTYPE ...