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

前端公众号开发视频教程
前端开发入门基础教程
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>
</html>
android前端开发教程
2015传智播客web前端开发视频教程
web前端开发 视频教程
» 本文来自:前端开发者 » 《前端开发通过a标签的锚点来做屏幕滚动切换效果》
» 本文链接地址:https://www.rokub.com/7740.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!