首页技术文章hTML 样式

hTML 样式

发布时间：2025-04-08 15:36:17
·
5 阅读
·
0 评论
文章标签： html ul

在设计网页中，锚点滚动是不可或缺的，现在分享给大家，好好看看。

jq代码

为了好复制，插入整个demo源码

js锚点滚动效果

  • #step1

  • #step2

  • #step3

    • step1

    step2

    step3

    <scriptsrc="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>

    <script>

    //页面锚点滚动js

    $('a[href*=#],area[href*=#]').click(function {

    if (location.pathname.replace(/^//, '') ==this.pathname.replace(/^//, '') &&location.hostname ==this.hostname) {

    var$target=$(this.hash);

    $target=$target.length &&$target||$('[name='+this.hash.slice(1) +']');

    if ($target.length) {

    vartargetOffset=$target.offset.top;

    $('html,body').animate({

    scrollTop: targetOffset

    },

    1000);

    returnfalse;

    }

    }

    });

    //页面锚点滚动js结束

    </script>

    ps：希望喜欢我的朋友点赞，关注，转发一下。

    网站开发，程序设计，UI等相关问题，编程技巧以及其他你想向我问的问题，来者不拒。