angular怎么做一个返回顶部的按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular怎么做一个返回顶部的按钮相关的知识,希望对你有一定的参考价值。

参考技术A $(window).scroll(function()

if ($(window).scrollTop() > 100)
$("#back-to-top").fadeIn(1500);
else
$("#back-to-top").fadeOut(1500);

);

点击网页底部的top按钮直接回到网页顶部,怎么做?用js怎么表达

参考技术A 看你是否需要到顶部的动画效果,如果不需要动画效果而是直接回到网页顶部,那么根本不需要去使用JS。
如:在页面的最顶端设置锚点 <a name="top"></a>
然后在回到顶部的top按钮加连接 <a href="#top">top</a> 就可以了

当然JS也能实现,主要是给scrolltop赋值为0,从而回到页面顶部。
参考技术B <SCRIPT type=text/javascriptgoTopEx();</SCRIPT在层div里加入这样的代码这个页面链接的详细JS代码是:<SCRIPT type=text/javascript src="js/scrolltop.js"</SCRIPT下面是JS代码:本回答被提问者采纳

以上是关于angular怎么做一个返回顶部的按钮的主要内容,如果未能解决你的问题,请参考以下文章

点击网页底部的top按钮直接回到网页顶部,怎么做?用js怎么表达

如何用JS实现返回顶部?

如何为WordPress主题添加一个返回顶部按钮

原生JS返回顶部,带返回效果

js : 怎么设置网页滚动条超过800px后,显示“返回顶部”的按钮?

如何使用 React js 添加平滑滚动返回顶部按钮?