在同一个页面,a链接的跳转

2019独角兽企业重金招聘Python工程师标准>>>

以往的方法：

<a href="#tiao" class="tiao_a">本页面的跳转</a>

<div id="tiao"></div>

这样的办法确实能够实现点击a,调到本页面的div部位。但是，是硬生生的，直接显示div部分。看上去没有一点美感，所以，千辛万苦，找了一个办法：

上述代码不要变：

然后加上下面这些js就完美的跳转了。

<script type="text/javascript" src="js/jquery.min.js" ></script>
        <script type="text/javascript" src="js/move-top.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".tiao_a").click(function(event){        
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
            });
        });
    </script>

 

转载于:https://my.oschina.net/yanyaya/blog/731325