关于html5点击按钮，页面滚动到对应位置问题
<style>#s4{top:1800px;}</style></head><body><div><inputtype="button"value="点击button跳转...
<style>
#s4{top:1800px;}
</style>
</head>
<body>
<div >
<input type="button" value="点击button跳转" onclick="click_scroll()" id="sj"/>
</div>
<div>
<div id="s1" class="section section1">
<div >第一部分</div>
</div>
<div id="s2" class="section section2">
<div >第二部分</div>
</div>
<div id="s3" class="section section3">
<div >第三部分</div>
</div>
<div id="s4" class="section section4">
<div >第四部分</div>
</div>
<div id="s5" class="section section5">
<div >第五部分</div>
</div>
</div>
<script type="text/javascript">
function click_scroll() {
var scroll_offset = $("#s4").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 1000);
}
</script>
尝试了好久都没能实现点击按钮，让页面滚动的效果，求大神帮忙看下，我到底哪里不符合规范了。。 展开
#s4{top:1800px;}
</style>
</head>
<body>
<div >
<input type="button" value="点击button跳转" onclick="click_scroll()" id="sj"/>
</div>
<div>
<div id="s1" class="section section1">
<div >第一部分</div>
</div>
<div id="s2" class="section section2">
<div >第二部分</div>
</div>
<div id="s3" class="section section3">
<div >第三部分</div>
</div>
<div id="s4" class="section section4">
<div >第四部分</div>
</div>
<div id="s5" class="section section5">
<div >第五部分</div>
</div>
</div>
<script type="text/javascript">
function click_scroll() {
var scroll_offset = $("#s4").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 1000);
}
</script>
尝试了好久都没能实现点击按钮，让页面滚动的效果，求大神帮忙看下，我到底哪里不符合规范了。。 展开
1个回答
展开全部
你这个不是html5的问题了
代码没啥问题，你这个是css布局问题，给几个id分别加上高度再试试
代码没啥问题，你这个是css布局问题，给几个id分别加上高度再试试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
