怎么样用JS 控制竖向滚动条的高度。 急! 急~

其实就是一个链接点进去之后,我想直接能看到我要的那部分。我的想法是直接控制竖向滚动条高度,但是我不知道具体怎么去实现,求教。各位大拿... 其实就是一个链接 点进去之后,我想直接能看到我要的那部分。我的想法是直接控制竖向滚动条高度,但是我不知道具体怎么去实现,求教。各位大拿 展开
 我来答
cmoooo
2013-07-01 · TA获得超过3587个赞
知道小有建树答主
回答量:741
采纳率:0%
帮助的人:668万
展开全部

这个用不到JavaScript的吧?


直接用锚就轻松搞定问题了呀:


链接页面:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>链接页面</title>
</head>
<body>
<a target="_blank" href="index.html#a">a</a>
<a target="_blank" href="index.html#b">b</a>
<a target="_blank" href="index.html#c">c</a>
<a target="_blank" href="index.html#d">d</a>
<a target="_blank" href="index.html#e">e</a>
</body>
</html>


index页面(也就是那个内容比较多,想要直接定位的页面):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>分页面</title>
</head>
<body>
</body>
<div style="height:500px; background:#CCC;" id="a">aaa</div>
<div style="height:500px; background:#DDD;" id="b">bbb</div>
<div style="height:500px; background:#EEE;" id="c">ccc</div>
<div style="height:500px; background:#ccc;" id="d">ddd</div>
<div style="height:500px; background:#ddd;" id="e">eee</div>
<div style="height:500px; background:#eee;" id="f">fff</div>
</html>
匿名用户
2013-07-01
展开全部
http://www.w3school.com.cn/tiy/t.asp?f=html_iframe_height
这里有个例子,你可以看一下;是通过<iframe>标记直接给height得出来的;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
红猫8805
推荐于2016-06-19 · 超过12用户采纳过TA的回答
知道答主
回答量:34
采纳率:0%
帮助的人:30.3万
展开全部
  1. 点击链接之后如果内容还在当前页面你这一直接用a标签的锚点进行滚动

  2. 如果点击连接之后打开新的页面可以这么做

    A页面:

<a href="B.html?id='jaoke'">教科书</a> 
<a href="B.html?id='caipu'">菜谱</a> 
<a href="B.html?id='kepu'">科普</a>

注意上面连接到B页面传的id,然后把id传给B页面的input

       B页面:

<input type="hidden" id="text1" value="从A页面传过来的id"/>
<div id="jiaoke">这是教科书区域</div>
<div id="caipu">这是菜谱区域</div>
<div id="kepu">这是科普区域</div>

    B页面脚本方面:

$(document).ready(function(e){
    var id= $("#text1").val();
    var docHeight=$(document).height();//获取页面总高度
    var winHeight=$(window).height();//获取页面显示区域高度
    var Top=$("#"+id).offset().top;//获取所看区域距离上部的高
    if(docHeight==winHeight)
    return;//如果页面没有滚动条就退出
    if((docHeight-winHeight)<=Top)
    {
         $(document).scrollTop(docHeight-winHeight);
     }
    else
    {
         $(document).scrollTop(Top);
     }        
})

 //大概写法是这样,可能细节方面还有点欠缺,我上面使用的jquery,使用jquery的时候记得要链接jquery文件

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式