美文网首页
JS 平滑滚动顶部

JS 平滑滚动顶部

作者: 我只是一个小前端 | 来源:发表于2018-05-02 15:40 被阅读0次

js平滑滚动到顶部,底部,指定地方

采用锚点进行页面中的跳转的确很方便,但是要想增加网页的效果,可以使用jquery中的animate,实现滚动的一个动作,慢慢的滚动到你想跳转到的位置,从而看起来会非常高大上。

滚动到顶部:

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

滚动到指定位置:

$('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});

滚动到底部:

$('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);});

相关文章

  • JS 平滑滚动顶部

    js平滑滚动到顶部,底部,指定地方 采用锚点进行页面中的跳转的确很方便,但是要想增加网页的效果,可以使用jquer...

  • jQuery点击锚点平滑滚动

    点击锚点平滑滚动到相应页面位置: .. "返回顶部"按钮效果:向下滚动页面出现 按钮,点击返回顶部。 …………EN...

  • Android停止(结束)惯性滚动

    场景:当页面滚动超过一定距离后,显示回到顶部的按钮,点击按钮平滑滚动回顶部。 实现:监听页面滚动距离,与一特定值比...

  • 前端开发遇到的问题

    CSS 1、页面平滑滚动 问题: 需要在滚动到顶部的时候有缓慢滚动的动画效果 方案: scroll-behavio...

  • JS平滑滚动

    1.window.scrollTo() or 2.scrollIntoView or 以上代码IE、Edge 支持...

  • JS平滑滚动

    如果想让某个元素滚动到某个位置,也可以用以上方法: 至于移动端可能不生效的问题首先安装插件 or 在你需要解决问题...

  • 平滑滚动 - 回到顶部

    在开发 Web 页面时,让页面会到某一个指定的位置是非常常见的需求. 比如回到顶部功能. 1. 直接在定义定义一个...

  • 平滑滚动和涉及到的元素尺寸

    网页常见的返回顶部,这个平滑滚动效果有三种实现方式: 给 html 加 CSS 属性,behavior 滚动 DO...

  • JS BOM教程

    js制作侧边栏(跟随滚动) 回到顶部按钮

  • ES6解决问题的代码总结

    如何分辨设备是移动设备还是桌面设备? 如何获取当前页面的滚动位置? 如何平滑滚动到页面顶部? 如何创建一个包含当前...

网友评论

      本文标题:JS 平滑滚动顶部

      本文链接:https://www.haomeiwen.com/subject/xqqfvxtx.html