平滑滚动到页面的某个锚点

作者: fanyank | 来源:发表于2017-03-04 13:37 被阅读63次

平滑滚动到页面的某个锚点
jQuery点击锚点平滑滚动
吸顶和vue实现锚点跳转
JQuery简单实现锚点链接的平滑滚动
JS 平滑滚动顶部
a标签锚点的问题
jquery实现页面内链接锚点跳转平滑滚动效果
2020-01-17/a标签锚点平滑滚动/按钮的制作
2019-07-02 overflow 与锚点定位
ionic3——ion-scroll无法使用scrollTo的问

这是自己做的一个demo。

$.scrollTo = function(selectDom,scrollTime){
   $(selectDom).click(function(){
       //获取要滚动到的节点
       var scrollToDom = $(this).attr("page-scroll");
       //添加动画
       $("html,body").animate({
           //获取要滚动到的节点距文档(document)顶部的位置
           scrollTop:$(scrollToDom).offset().top

       },
               //定义动画执行的时间
               scrollTime
       );
   });
};
$.scrollTo("#navbar a",1000);
})();

平滑滚动到页面的某个锚点
这是自己做的一个demo。
jQuery点击锚点平滑滚动
点击锚点平滑滚动到相应页面位置： .. "返回顶部"按钮效果：向下滚动页面出现按钮，点击返回顶部。 …………EN...
吸顶和vue实现锚点跳转
另vue实现锚点跳转之scrollIntoView()方法滚动到某个特定元素：scrollIntoView()；...
JQuery简单实现锚点链接的平滑滚动
在平时的项目中，我们经常需要一些特效链接，如果使效果进一步加强，我们可以使点击锚点链接平滑滚动到锚点，下面就来给大...
JS 平滑滚动顶部
js平滑滚动到顶部,底部,指定地方采用锚点进行页面中的跳转的确很方便，但是要想增加网页的效果，可以使用jquer...
a标签锚点的问题
a便签作为锚点定位页面的位置还是很常见的，基本实现如下：但是，点击锚点，会使相应内容直接滚动到页面最顶部，如果有...
jquery实现页面内链接锚点跳转平滑滚动效果
jQuery下实现锚点链接的平滑滚动(带浮动侧边栏)css+html+js JQuery实现简单的平滑过渡效果 J...
2020-01-17/a标签锚点平滑滚动/按钮的制作
a标签锚点平滑滚动：关键——scroll-behavior: smooth; 原文地址类似关键：主要放在co...
2019-07-02 overflow 与锚点定位
overflow 与锚点定位锚点，通俗点的解释就是可以让页面定位到某个位置的点。基于URL 地址的锚链实现锚点...
ionic3——ion-scroll无法使用scrollTo的问
首先，我本来是想在ion-scroll中加个锚点，然后触发事件滚动到指定锚点。在ionic1中可以：感觉ioni...