Question

我设法让这段代码对我有用，我不是一名网站设计师而且我对此知之甚少。

我最终让我的网站正常工作，除了滚动功能外，当我改变＆＃34; position：fixed;＆＃34;时，页面应该能够垂直滚动。到＆＃34;位置：滚动;＆＃34;我得到滚动条但它也给了我图像周围的白色边框，图像地图坐标将不再工作..

对不起任何语法错误

非常感谢！

<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>

Answer 1

虽然您可能已经将自己放回到固定位置的角落，但从技术上来说，您想要将固定元素设置为屏幕的100％高度和宽度，并将其溢出：滚动。

这会将包含元素设置为屏幕大小，并表示滚动其中的所有内容。

需要滚动到位：固定;

1 个答案: