[英]Hide scrollbar and svg height issue in ie11
我在網頁的頁腳中有svg徽標,並且它們在Firefox和chrome中都可以正常工作,但是ie11正在顯示svg的最大高度,而沒有考慮我在css中給svg設置的witdh的縱橫比。
<div id="footer">
<div id="logos">
<div id="intel">
<img src="images/logos/intel.svg" max-width="">
</div>
...
#intel {
width: 110px;
margin: 25px 0 0 100px;
}
div的位置是絕對的。 我不知道將svg放置在頁腳中是否正確。 我唯一的問題是嘗試使用滾動插件。 Varon:我只是將其包括在標題中,添加了css並從html中調用了它,設置了paramns等。它工作很奇怪,唯一顯示為滾動條的是跟蹤欄(或全高滾動條),並且隨着滾動條到達底部時消失了……它與頁腳svg產生了沖突,向下滾動時沒有任何內容(空頁腳),但是如果我調整窗口的大小,則svg只會出現,如果我向上滾動,它們就像固定的位置一樣移動向上...
我想知道一種自定義滾動條的好方法,如果可能的話,可以跨瀏覽器,因此它不會隱藏設計的一部分(右側)。
我讀了很多文章和教程,但是大多數部分是用於div,元素等的,但是整個頁面都需要。 這是一個無需滾動條即可滾動的示例(跨瀏覽器): http : //jsfiddle.net/nCvMc/
為什么如果我將溢出隱藏到第一個div insde主體(類1)中,則滾動條沒有隱藏? 僅適用於body和html。
這是鏈接: http : //satspain.sytes.net/
謝謝。
編輯:要修復IE中的svg高度問題,需要為img元素而不是div容器設置高度。
#intel img {
height: 60px;
{
我不知道是否最好刪除容器並設置img的邊距和大小(高度和寬度)...
這是一種在所有瀏覽器中隱藏滾動條並且仍然能夠滾動的有效解決方案。 只需在我們的頁面中添加兩個額外的父div。
<body>
<div class="one">
<div class"two">
web here (including header and footer)
</div>
</div>
</body>
解:
html {
height: 100%;
overflow-x: hidden;
}
body {
height: 100%;
width: 100%;
}
.one {
height: 100%;
width: 1920px;
overflow: hidden;
}
.two {
position: relative;
height: 100%;
width: 1940px;
overflow-y: scroll;
overflow-x: hidden;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.