需要滾動到位置：固定；
[英]need to scroll in position: fixed;
問題描述
我設法使這段代碼對我有用，我不是網頁設計師，我所知甚少。
我最終使網站正常工作，除了滾動功能，當我更改“ position：fixed;”時，頁面應該能夠垂直滾動。 改為“位置：滾動；” 我得到了滾動條，但它也給了我圖像周圍的白色邊框，圖像地圖坐標不再起作用。
對不起，語法錯誤
非常感謝！
<html>
<head>
<meta charset="utf-8"/>
<title>Rolling Barrel :: Sport & Game</title>
<style>
div {
width: 100%;
}
img[usemap] {
border: none; height: auto; max-width: 100%; width: auto;
}
#background {
position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;
}
</style>
</head>
<body>
<div>
<img src="background.jpg" id="background" width="1920" height="1080" usemap="#imagemap"/>
<map name="imagemap">
<area shape="rect" coords="45,35,178,93" href="/nieuw/home"/>
<area shape="rect" coords="193,35,337,93" href="/nieuw/nieuws"/>
<area shape="rect" coords="353,35,606,93" href="/nieuw/evenementen"/>
<area shape="rect" coords="622,35,895,93" href="/nieuw/beeldmateriaal"/>
<area shape="rect" coords="913,35,1066,93" href="/nieuw/contact"/>
<area shape="rect" coords="1082,35,1238,93" href="/nieuw/verhuur"/>
<area shape="rect" coords="1253,35,1422,93" href="/nieuw/zakelijk"/>
<area shape="rect" coords="1437,35,1882,93" href="/nieuw/rolling-barrel-centers"/>
</map>
</div>
<script src="jquery/1.js"></script>
<script src="jquery/2.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
</body>
</html>
1 個解決方案
解決方案1
0 2014-12-02 22:22:25
盡管您可能已經將自己固定在固定位置的角落，但從技術上講，您想要的是將固定元素設置為屏幕的100％高度和寬度，並使其溢出：滾動。
這將包含元素設置為屏幕的大小，並說滾動其中的所有內容。
保持滾動位置固定
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.