点击页面元素页面向上滚动
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怎样实现点击按钮时页面缓缓向上或下移动,类似网页底部的“返回顶部”,但是很缓慢