zoukankan      html  css  js  c++  java
  • 点击一个按钮,页面滚动到底部(评论区)

    HTML部分:

    <div class="mui-content">

    <div class="comment-tap">

    <div class="commtentnews">评论</div>

    </div>

    </div>

    css部分:

    .mui-content{
    height: 100%;
    overflow-y: scroll;//局部滚动
    }

    JS 部分

    //点击下方评论跳转至评论区
    $('.comment-tap .commentnews').on('tap', function () {

    //commentTop为评论区
    var jumpcomment = getElementTop(commentTop); //距离顶部的高度
    $('.mui-content').animate({
    scrollTop: jumpcomment
    }, 300);
    })

    //元素距离顶部的高度
    function getElementTop(elem) {
    var sum = elem.offsetTop;
    while((elem = elem.offsetParent) != null) {
    sum += elem.offsetTop;
    }
    return sum;
    }

  • 相关阅读:
    一步一步本地化部署mapbox-gl
    快速排序
    合并排序
    冒泡排序
    选择排序
    插入排序
    mapbox-gl象形文字字体glyph生成
    前端html
    Mysql练习
    Mysql语句
  • 原文地址:https://www.cnblogs.com/james-L/p/9035417.html
Copyright © 2011-2022 走看看