首页 > 编程知识 正文

浏览器按返回后跳到顶端,状态栏跑到屏幕上方怎么办

时间:2023-05-05 08:12:23 阅读:116089 作者:2153

移动终端返回顶部应该是大多数移动终端网页上的功能。 只有在首页,或者被添加到信息中。 页面滚动一定距离后,可以快速返回页面顶部,不需要多次滚动页面。 那个想法都一样。 利用滚动桌面搜索道路顶部; 或者,使用a标记设置顶部锚点。

html

div class=' to-top ' id=' totop ' img src='~/image/to-top.png ' class=' top-BTN '//div

js

script DOM=document.getelementbyid (' totop ); DOM.addeventlistener('touchend ',function (e ) e ) $ )、html,body ).animate ) {scrolltop:},0}; (请注意/script中的两个问题。

1、click功能在移动端不那么容易使用,所以最好使用touch的一系列设置

有四种类型的触摸事件: touchstarttouchmovetouchendtouchcancel

touchstart :手指触摸画面时触发

touchmove :手指在画面上移动时触发

touchend :手指离开屏幕时触发

touchcancel :系统可以执行的触发器。 例如,当手指触摸到画面时,突然警报,或系统的其他部分中断touch的动作,则可以触发该事件

2、window.scroll在移动端也不好用。 $(window ) ).animate ) scrolltop: ),0 ); 虽然可以在网站上进行,但如果向移动端公开则无效。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。