当前位置：前端开发者 > HTML > 正文

前端开发通过a标签的锚点来做屏幕滚动切换效果

2019-01-15 分类：HTML 阅读(1482) 评论(0)

前端公众号开发视频教程

前端开发入门基础教程

web前端开发教程百度云

<!DOCTYPE html>

<head>

<meta charset=”UTF-8″ />

<title></title>

</head>

<body>

<a href=”#b1″ id=”a1″ style=”height:974px;display: block;”>a1</a>

<a href=”#c1″ id=”b1″ style=”height:974px;display: block;”>b1</a>

<a href=”#a1″ id=”c1″ style=”height:974px;display: block;”>c1</a>

<script src=”//code.jquery.com/jquery-2.1.4.min.js”></script>

<script>

$(‘a’).click(function() {

$(‘html,body’).animate(

{

scrollTop: $($.attr(this, ‘href’)).offset().top,

},

500,

)

})

</script>

</body>

android前端开发教程

2015传智播客web前端开发视频教程

web前端开发视频教程

赞(0)

前端开发者 » 前端开发通过a标签的锚点来做屏幕滚动切换效果

标签：前端开发者

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶部