首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js点击按钮返回页面顶部

2016-08-22 03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击该按钮返回顶部,并且有一定的效果。...该方法就是利用锚点的方式来返回顶部。即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...="top-link" href="#">返回顶部 $(".top-link").click(function(){ $('body,html').animate(...scrollTop:0},1000); return false; }); a标签的样式和方式和第一种方式相同,只不过给其添加了一个点击事件,此事件需要进入jquery.js

25K10
您找到你想要的搜索结果了吗?
是的
没有找到

微信小程序如何返回上一个页面,并刷新页面呢?

前言 小程序如何返回上一个页面,并刷新页面呢?...这样的需求很常见,比如: 订单详情页面,订单状态是“已付款”,这时候发起“退款”,跳转到申请退款页面,申请成功后,返回到订单详情,这时候的订单状态 是不是要变为“退款中”的状态? ?...在普通的html页面,很简单,不用操作都可以实现。因为浏览器返回会自动刷新。 但是小程序返回是不会自动刷新上一个页面的。所以需要一点点技巧。 下面还是模拟上面的场景。...申请退款页 发起申请退款后,我们用wx.navigateBack()返回到订单详情页面,小程序API有详情说明。 关闭当前页面返回上一页面或多级页面。...可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。 参数说明: ?

28.1K126

返回数据给上一个活动

MainActivity.this,SecondActivity.class); startActivityForResult(intent,1);//这个方法就是在活动销毁时返回一个结果给上一个活动...一个是 //第一个参数是intent买第二个是请求吗,用来判断数据的来源 这个方法就是在活动销毁时返回一个结果给上一个活动,需要 接受两个参数。...第二个活动里面写响应 接着给第二个按钮注册监听器 在点击事件中添加返回数据的逻辑。...new一个对象,属于java发的人 的特色了,有时候觉得为什么不是birth呢,然后调用一个 setResult()接受两个参数,一个参数用于向上一个活动返回 处理结果,只有两个参数 ?...二是我们在返回数据时传入的处理结果 三是data,携带有返回数据的Intent由于活动里面可能会调用这个函数去启动不同的活动,每一个活动返回的数据都会回调到 ? 这个方法里面来检查值 ?

1K20

JS实现页面进入、返回定位到具体位置总结

JS实现页面返回到具体位置方法 其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适 用了。...目前,我知道的返回定位到具体位置有两种方法: ①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。...②利用距离顶部的距离,在跳转的时候带上当前位置滚动过的距离,返回的时候定位到该处。 应用场景 定位到某一个模块的时候,有二级定位的时候利用方法①....初始化页面的时候,需要给每个模块指定一个唯一的id。打开页面的时候,如果url带着位置参数则解释参数定位,如果没有,默认为第一个。...在页面上,由于加载时间的关系,没有找到对应的tab下面具体模块的id。这时候会定位不成功。所以还需要在加载好数据之后,再保证一下。

3.7K10
领券