iefreer

2015-07-17 16:38:45

comment1

  • iefreer

    2015-07-17 16:38:25

    comment2

  • iefreer

    2015-07-17 16:38:02

    comment3

  • iefreer

    2015-07-17 16:38:45

    comment1

  • iefreer

    2015-07-17 16:38:25

    comment2

  • iefreer

    2015-07-17 16:38:02

    comment3

    JavaScript

    $(document).ready(function() {
        $("#scroll").click(function() {
            $('html, body').animate({
                scrollTop: $("#commentlist").offset().top
            }, 1000);
    
    #scroll {
        margin-bottom: 60px;
        padding: 5px 10px;
    				
    本文实例讲述了jQuery实现点击滚动指定元素上的方法。分享给大家供大家参考,具体如下: jquery 点击滚动指定元素上, 1.获取指定元素的offset() 得到偏移位置,返回结果是top 和left  获取offset().top , offset().left 单位是像素 只对可见元素有效 2.body 和html 使用animate方法的scrollTop股东到指定位置 3.id参数为滚动指定元素的ID, p_top是指定元素的margin 和padding值,这个值暂时没有意义 function scrollPosition(id,p_top) { /*获取某个元素
    //$(this):指定元素对象 //$(this).offset().top:指定元素的头部位置高度(若滑动位置高度不确定,可用该方式加减数字,偏移滑动位置) //瞬间完成滑动 $("html,body").scrollTop($(this).offset().top); //耗时1秒时间,滑动到指定元素(动效) $('html,body').animate({ scrollTop : $(this).offset().top }, 1000); //1秒以后再滑动到指定元素(若页面元素尚未渲染,
    欢迎来到Altaba的博客  2017年11月2日 近期在优化一个交互体验,当早顶端点击按钮多下列表某项数据(列表很长,出现滚动条)进行操作,操作完页面自动滚动到刚刚操作项位置,运用jQuery完美实现 下面是demo源码,欢迎有需要的人参考使用 $(document).ready(function(){ var target_top = $("#qa5").offset().top; //$("html,body").animate({scrollTop: target_top}, 1000); //带滑动效果的跳转 $("html,body").scrollTop(target_top); jQuery: offset(): 获取匹配元素在当前视口的相对偏移。 返回的对象包含两个整型属性:top 和 left。此方法只对可见元素有效。
  •