我是靠谱客的博主 典雅花卷,最近开发中收集的这篇文章主要介绍关于scrollIntoView()方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

类似与锚点的用法,可以让元素跳到需要的地方。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-1.9.1.min.js"></script>
<style>
.in-top{
width: 120px;
height: 30px;
line-height: 30px;
}
.middle{
width: 100%;
height: 900px;
background-color: #95b1ff;
}
#top{
width: 100%;
height: 300px;
background-color: antiquewhite;
}
</style>
</head>
<body>
<button class="in-top">click me</button>
<div class="middle">撑地方</div>
<div id="top"></div>
<script>
$(".in-top").click(function () {
document.getElementById("top").scrollIntoView();
})
</script>
</body>
</html>


这是写的一个demo,一开始用的jquery方法取top元素,总是报错,百度后才知道,只能用getelementbyid的方法。


最后

以上就是典雅花卷为你收集整理的关于scrollIntoView()方法的全部内容,希望文章能够帮你解决关于scrollIntoView()方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部