台灣最大程式設計社群網站
線上人數
1251
 
會員總數:246272
討論主題:189809
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 浮動框架中的捲軸問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
浮動框架中的捲軸問題
價值 : 20 QP  點閱數:3639 回應數:3
樓主

小毛
初學者
10 5
108 11
發送站內信

設計一張內含浮動框架<iframe>的網頁時
有指定原始檔案是另一張網頁(ex <iframe src="a.htm">)
不過這張網頁(a.htm)超出螢幕高度時
會自動出現捲軸

不過令我疑惑的是
垂直捲軸一定會出現
可是水平捲軸時有時無

有出現的網頁 http://www.elite-it.com.tw/index.htm
沒有出現的網頁 http://home.kimo.com.tw/ray_slmao/doc/frameset.htm

想請教各位先進
有沒有方法可以進一步控制呢?
例如不想讓水平捲軸出現的方法


搜尋相關Tags的文章: [ 浮動框架 ] , [ 捲軸 ] , [ 框架頁 ] , [ 框架 ] , [ 捲動軸 ] ,
本篇文章發表於2005-07-19 13:13
1樓
最有價值解答

jerry
捐贈 VP 給 jerry 檢舉此回應
如果您有參照到 CSS 檔, 可以將以下的 code 加入 CSS
overflow-x:hidden;/*水平捲軸*/
overflow-y:hidden;/*垂直捲軸*/

不過您提到的問題通常都發生在您要連結的網頁內容大於 iframe 大小,先調整網頁內容大小試試看
本篇文章回覆於2005-07-19 13:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

Bryan(不來ㄣ)
捐贈 VP 給 Bryan(不來ㄣ) 檢舉此回應
1.關閉捲軸
<body scroll=no>

2.關閉橫向捲軸
<body style="overflow-x: hidden; overflow-y: auto;">

3.關閉縱向捲軸
<body style="overflow-x: auto; overflow-y: hidden;">

4.也可以用以下寫法
<head>
<style type="text/css">
body {
overflow-x : hidden;
overflow-y : auto;
}
</style>
<head>
<body>
本篇文章回覆於2005-07-19 14:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

小毛
檢舉此回應
感謝二位的回覆
不過實務測試時
不論把此樣式套用至框架頁或是套用到框架內含的網頁
都無法達到取消水平捲軸的功能

不過我重新修改框架內含的網頁(a.htm)
直接設定寬度後
body{
width:500px;
}
浮動框架的水平捲軸就消失了
問題也算是解決了

無論如何還是感謝二位的回覆
本篇文章回覆於2005-07-21 12:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.