zoukankan      html  css  js  c++  java
  • jquery 在页面上根据ID定位(jQuery锚点跳转及相关操作)

    JQuery下锚点的平滑跳转

    对于锚点的平滑跳转,在一般的商业性质的网站上,权衡来说,要谨慎使用。

    例如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话,关键位置 如下:

    $(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000)

    其中animate为JQuery的自定义动画方法,$(“#box”).offset().top表示id为box的JQuery对象距离页面顶部的偏移值,1000表示平滑动画执行的时间为1000毫秒,也就是1秒。

      // 页面内向导
                $(".brief p").click(function (e) {
                    $(this).addClass("active_p").siblings().removeClass("active_p");
                    var v_id = e.target.id;
                    if (v_id === 'se_advantage') {
                        $("html, body").animate({ scrollTop: $(".advantage").offset().top }, 1000)
                    } else if (v_id === 'flow') {
                        $("html, body").animate({ scrollTop: $(".procedure").offset().top }, 1000)
                    } else {
                        $("html, body").animate({ scrollTop: $(".objective").offset().top }, 1000)
                    }
                });

    var v_id = e.target.id; 是获取被点击元素的id

  • 相关阅读:
    Android之Parcel
    Android常用的IPC通信
    Android之Surface绘制原理
    Android之Surface
    Android之SurfaceFlinger服务
    Android Service(服务)
    Android Service进阶之路
    Android之UI线程启动
    Android之Activity显示原理
    python17-Django进阶
  • 原文地址:https://www.cnblogs.com/mica/p/11162496.html
Copyright © 2011-2022 走看看