点击按钮回到页面顶部或者某个高度时的问题，JQUERY

$('#shang').click(function(){

　　$('html,body').animate({scrollTop: '0px'}, 800);

});

不能写成$(window).animate().大概是因为window是窗口对象，无法来移动。而html,body是DOM对象，可以移动。

转载于:https://www.cnblogs.com/justif/p/5483960.html

点击按钮回到页面顶部或者某个高度时的问题，JQUERY相关推荐

点击a标签，跳转到同一页面的指定内容，类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...
android 按钮点击返回顶部,微信浏览器点击系统返回，安卓返回会重载页面回到页面顶部，iOS则返回则会保留之前浏览位置的解决方法...
后续补我框好串端题近还架比作和和近还架比作和和充: 页面css设置了height: 100%,来避免使用fixed定位弹窗引起的部分机型兼容问题,因此会在返回的时候回到页面顶部,补充解决办法: 在弹窗 ...
基于JS实现回到页面顶部的五种写法(从实现到增强)
为什么80%的码农都做不了架构师?>>> 写法 [1]锚点使用锚点链接是一种简单的返回顶部的功能实现.该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返 ...
js浏览器回到顶部方法_基于JS实现回到页面顶部的五种写法(从实现到增强)
写法 [1]锚点使用锚点链接是一种简单的返回顶部的功能实现.该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返回到该锚点的链接,用户点击该链接即可返回到该锚点所在的顶部位置 [ ...
angular点击按钮弹出页面_Axure RP8：如何做出点击按钮切换页面效果？
如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...
Vue 切换路由后页面回到页面顶部
Vue 切换路由后页面回到页面顶部 backTop() {window.scrollTo(0, 0)document.body.scrollTop = 0document.documentElemen ...
用户输入自己的【姓名年龄爱好】 + 加CP【姓名年龄爱好】，点击按钮，页面显示该用户的信息点击提交按钮，JSON显示用户信息+副本信息（副本初始值是{}）
本文主要是利用了BOM.DOM和json/js数据的转换等知识来综合操练的一个小例子例子如下: 用户输入自己的[姓名年龄爱好] + 加CP[姓名年龄爱好],点击按钮,页面显示该用户的信息点 ...
uniapp点击按钮保存页面为图片到本地
uniapp点击按钮保存页面为图片到本地首先写一个按钮创建事件 <button class="info" @click="capture()"> ...
android中怎么实现点击按钮进行页面的跳转
第一步:先创建好两个Activity.如图 (PS:是创建Activity,不是创建java类.右击包名,找到new-->other-->android-->AndroidActiv ...

点击按钮回到页面顶部或者某个高度时的问题，JQUERY

点击按钮回到页面顶部或者某个高度时的问题，JQUERY相关推荐

最新文章

热门文章