点击页面元素页面向上滚动

Posted pangchunyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击页面元素页面向上滚动相关的知识,希望对你有一定的参考价值。

//点击向下滚动页面
            var header = $("#header").height();
            var slider_container = $(".slider-container").height();
            var home_intro = $(".home-intro").height();
            var home_f1 = $(".home-f1").height();

            //Collaborate
            $(".home-collaborate").click(function() {
                var home_convenient_top = header + slider_container + home_intro + home_f1 + 40;
                $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
                $body.animate({
                    scrollTop: home_convenient_top
                }, 500);
            });

以上是关于点击页面元素页面向上滚动的主要内容,如果未能解决你的问题,请参考以下文章

React-DnD - 当顶部有固定元素时将元素拖动到屏幕顶部不会向上滚动页面

在页面滚动的底部粘贴元素

页面点击置顶按钮

JS怎样实现点击按钮时页面缓缓向上或下移动,类似网页底部的“返回顶部”,但是很缓慢

当 URL 包含片段时,iframe 会导致父元素在 Google Chrome 上向上滚动

单击按钮时如何使HTML页面一直向上滚动? [复制]