web前端|js教程
jQuery,向下,实现
web前端-js教程
本文主要为大家带来一篇jQuery实现锚点向下平滑滚动特效示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
asp个人炫酷博客源码,vscode组件,ubuntu 救援模式,tomcat 游戏,leveldB取代sqlite,服务器加端口,jquery标签页插件,c前端开发框架,java实现网页爬虫,php阿里云,神马seo快速排,php网站克隆系统,php网页标题代码,dz3.2免费模板下载,html页面验证登录,java 交通管理系统,手机运行html程序lzw
实现效果：
微博互粉源码,vscode 断点,ubuntu 终端模式,tomcat 9.0.34,sqlite定时清除,香港服务器好不好,ie8截图插件,ve web前端框架,微博爬虫 java,php执行系统命令函数,seo销售培训,橙色的网站模板,网页日历代码 日程,侠客站群模板制作,订单提交页面模板,php投票管理系统,用delphi写聊天程序lzw
微信采集网站源码,vscode宏注释,ubuntu的主要作用,tomcat下载指南,sqlite id长度,查看大图插件,前端框架简笔画植物,家里银色爬虫,php with gd,seo 总监,图书馆网站源码.net,易语言 网页操作模块,自媒体模板源码,仿潮流网站 html 页面,学籍管理系统毕业设计源代码,asp 程序lzw
实现原理：
使用jQuery animate()方法实现页面平滑滚动特效
$(html, body).animate({scrollTop: $(hash).offset().top}, 800, function(){window.location.hash = hash;});
简单实例代码：
$(document).ready(function(){ // Add smooth scrolling to all links $("a").on(click, function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuerys animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $(html, body).animate({ scrollTop: $(hash).offset().top }, 800, function(){// Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if });}); body, html, .main { height: 100%;} section { min-height: 100%;}点击此处平滑滚动到第二部分
SECTION 2
图片滚动特效
angularjs实现文字上下无缝滚动特效代码
CSS3+JQUERY页面滚动特效代码_html/css_WEB-ITnose
