首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js点击按钮返回页面顶部

2016-08-22 03:08:28 在进行官网一类网站建设时,经常会出现页面太长现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击该按钮返回顶部,并且有一定效果。...该方法就是利用锚点方式来返回顶部。即给最顶部div设置一个id,然后a标签链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...值为fixed,始终固定为浏览器某一特定位置。...,只不过给其添加了一个点击事件,此事件需要进入jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

25K10

一次搞定jsthis指向

js中this指向是在运行时会变动 这句话严谨说是有问题。 this这个关键词,在java中解释是引用当前类实例变量。...情况 function sayThis() { // TODO console.log(this); } sayThis(); 复制代码 一个方法,没有直接调用者。。。。...这种情况时候,代码效果就是这样 function sayThis() { // TODO console.log(this); } this.sayThis(); 复制代码 如果一个函数没有显式调用者...,那么,这个函数调用者就是此函数执行作用域中this 所以,归根结底,this是当前执行方法调用者 你以为这样就结束了?...Too young too simple js中还有三个显式绑定this方法,bind,apply,call当使用这些方法指定执行函数this时,那this基本上就是指定了 基本上?

41730

js监听手机端点击物理返回键或js监听pc端点击浏览器返回键

; 当onpopstate被触发时,检查event.state是否等于STATE,如果相等,表示页面发生了后退(按下返回键或者浏览器后退按钮),则把这次行为当作是返回键被按下了(把点击浏览器后退按钮也误算进来了...,也有一些问题: 因为这个是实现利用histroy.pushState写入了一个指定状态STATE,你点击一次后,这个写入状态就没有了,如果你没有后退页面(还在当前页面),上次那个监听操作执行完后,...你还需要监听这个物理返回键,这时候你就需要再上次那个操作完之后再使用histroy.pushState再写入一次之前写入那个状态,这样下次会继续监听那个物理返回键,否则下次你再点击那个返回键的话,就会直接返回浏览器上一级...不过这个方法有些缺陷: 如果项目本身使用了pushState,则历史记录会有瑕疵(多了一个历史); 浏览器后退按钮点击以及调用history.back()也会被当成按下了返回键。...举个例子: 我在vue项目中引入xback.js  关于上面在

9.1K10

JS实现动态获取当前点击事件id属性值

原本要实现功能如下: 点击下图播放按钮,要弹窗播放对应视频链接。...整个页面是通过ajax请求最新4部视频进行填充完成,视频列表又是通过template-web.js插件补上去,所以导致所有ID值都是一样,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态ajax请求属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接格式在新打开弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮id值,然后使用button,将链接放在value中 Dom...对象id属性可以获取元素id值。

25.6K20
领券