如何用div实现页面局部滚动?

一张页面中内容很多的时候可以自动生成滚动条,区别于本身浏览器产生的滚动条!... 一张页面中内容很多的时候可以自动生成滚动条,区别于本身浏览器产生的滚动条! 展开
 我来答
大宝妈谈教育
高粉答主

2020-04-05 · 关注我不会让你失望
知道小有建树答主
回答量:3306
采纳率:100%
帮助的人:51.5万
展开全部

1.先打开电脑上的记事本。

2.在记事本中写入如下代码:<html><head><body>

<marqueeonMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=7 direction=up width=270 height=77>。

3.以上代码是实现网页中每行文字、1、2、3、4自动显示的。

4.然后将文件名保存为:xxx.html文件,因为它在网页上显示为.html文件格式

5.鼠标移动到网页文件到网上冲浪,用右键选择打开模式,选择浏览器打开。

6.开通后,您可以看到实施后的效果。

匿名用户
2012-02-03
展开全部
<div style="overflow-y:auto; overflow-x:hidden; width:100px; height:200px;">内容</div>
只要你的内容超过了200px就会出现纵向滚动条,横向滚动条隐藏了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
自然与生命ZR
推荐于2017-10-11 · TA获得超过259个赞
知道小有建树答主
回答量:554
采纳率:0%
帮助的人:255万
展开全部
<div style="overflow:scroll; width:100px; height:200px;">内容</div>只要你的内容超过了200px就会出现滚动条了!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友96ffcf7
推荐于2017-10-14 · 知道合伙人互联网行家
百度网友96ffcf7
知道合伙人互联网行家
采纳数:22721 获赞数:118722
从事多年网络方面工作,有丰富的互联网经验。

向TA提问 私信TA
展开全部
body{_background-image:none; /*հҳΪ*/_background-attachment:fixed; }//这个是针对ie6的
.navi{left:51%; margin-left:474px;top:120px;position:fixed;_position: absolute;_top: expression(documentElement.scrollTop + 120 + "px"); z-index:99;}
.navi a{background-image: url(背景地址); background-repeat:no-repeat;;display: block; width:119px;}
.navi a1{background-position: 0px 0px; height:30px;}
.navi a2{background-position: 0px -30px; height:30px;}
<div class="navi" id="navi">

<a href="" class="a1" ></a>
<a href="" class="a2"></a>
<script type='text/javascript'>
(function(){
var nav= document.getElementById('navi');
var fnav= function(){
var top= document.documentElement.scrollTop||document.body.scrollTop;
if(top>500){
nav.style.display = 'block';
nav.style.marginTop="0px";
}else{
nav.style.marginTop="500"-top+"px";

}

}
window.onload =window.onscroll = fnav;
})();
</script>
</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式