Html怎么做首页全屏一张图片，然后滚动滚动条下面才是主页？_IT百科

方法1：直接在body里面加上属性scroll

代码如：

body

scroll=“no”

方法2：使用样式表overflow

代码如：

html{overflow：hidden；}-----我采用了这个，滚动条就消失了，最开始一直误以为是页面里面的div高度不当导致出现的滚动条。

在xhtml1-transitional.dtd标准下，并不是以body为容器，而是html标签，所以要把样式表加到html标签上才行，加到body上是不管用的。

用其他容器滚动来替代iframe的滚动，把iframe的scrolling设置为no

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

$(function() {

var frame = $("#frame")

var win = frame[0].contentWindow

$(win).load(function() {

var dom = win.document

$(dom.body).css({margin:'0',padding:'0',border:'0',width:'100%',height:'100%'})

.html(

'<div id="layer" style="width:100%height:100%overflow:autobackground:red">' +

'<div style="width:1000pxheight:1000px">scroll' +

'</div>' +

'</div>'

)

$("#layer", dom.body).scroll(function() {

alert('invoke')

})

</script>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

Html怎么做首页全屏一张图片，然后滚动滚动条下面才是主页？