相关疑难解决方法(0)

使Iframe适合容器剩余高度的100%

我想设计一个带有横幅和iframe的网页.我希望iframe可以填充所有剩余的页面高度,并在浏览器调整大小时自动调整大小.是否有可能在没有编写Javascript代码的情况下完成它,只有CSS?

我尝试设置height:100%iframe,结果非常接近,但iframe试图填充整个页面高度,包括30px横幅div元素的高度,所以我得到了不必要的垂直滚动条.这不完美.

更新说明:请原谅我没有好好描述这个问题,我在DIV上尝试了CSS margin,padding属性来成功占据网页的整个提醒高度,但这个技巧对iframe没有用.

 <body>
    <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div>
    <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe>
</body>
Run Code Online (Sandbox Code Playgroud)

任何想法都表示赞赏.

html css iframe

236
推荐指数
10
解决办法
51万
查看次数

在jQuery中拖动Div - 当鼠标速度很慢时很好,但在快速鼠标移动时失败

我想使用自己的jQuery代码拖动div.

当鼠标移动缓慢时,这个关于jsfiddle的例子工作得很好

http://jsfiddle.net/craic/kr7Un/

但是任何快速移动都会将鼠标拉出盒子并且跟踪丢失.

jQuery UI draggable没有这个问题,无论你移动的速度如何,跟踪都很好:http://jqueryui.com/demos/draggable/

但我想推出我自己的简单版本,以便我可以将它与Raphael,按键等集成.我已经看过jQuery UI可拖动的源代码,但对我来说,这是非常难以理解的(800行).

我不认为这是事件冒泡的问题......任何想法?

jquery events draggable drag

17
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

drag ×1

draggable ×1

events ×1

html ×1

iframe ×1

jquery ×1