jQuery scrollToTop

授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery页面滚动插件
软件类型 开源软件
地区 不详
投 递 者 雷方伟
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQuery scrollToTop 插件提供平滑的将页面滚动到顶部

jqueryScrollTop

在线演示

  • 貌似微博开始火的时候,回到顶部越来越多地被使用了,加上回到顶部的按钮,可以让用户在浏览完一个页面之后快速地返回顶部导航。如果你的网站底部没有相关导航的话这个效果就会非常实用。 原理其实很简单,获取滚动条到页面顶部的距离,到某个数值之后显示回顶按钮,点击回顶按钮时,让滚动条返回页面顶部。 做了个简单的Demo,样式部分使用了css3,所以使用现代浏览器看到的效果会好些哦。 猛击查看演示Demo HT

  • $(document).ready(function(){ $(window).scroll(function () { if($(window).scrollTop()=="0") { $('.back_top').fadeOut(300) }else { $('.back_top').fadeIn(300)

  • //判断设备是否是手机还是电脑 function isMobileClient() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");

  • console.log($(window).height()); //浏览器当前窗口可视区域高度 console.log($(document).height()); //浏览器当前窗口文档的高度 console.log($(document.body).height());//浏览器当前窗口文档body的高度 console.log($(document.body).outerHeight(tr

  • 如何创建一个平滑的滚动效果是本文的目的使用jQuery让您可以滚动到你的网页的顶部或底部,相当不错的一个效果,感兴趣的你可不要错过了哈 在这篇文章中,我将通过本教程向您展示了如何创建一个平滑的滚动效果,使用jQuery。让您可以滚动到你的网页的顶部或底部 它是如何工作的 首先,加载jquery库在</ head>标签结束前: 复制代码 代码如下:   链接: Scroll to bottomjQu

  • jquery实现点击回到顶部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>回到顶部</title> <meta name="viewport" content="width=1200, maximum-scale=1.0, user-scalable=1"> <style

  • 方法1: <head> <style type="text/css"> #form_top{display:block; bottom:3px; right:3px; position:fixed;} .top_img{ background-image: url("img/top.png"); width: 40px; height:40px; cursor: pointer; }

  • 与其它库的兼容性 //方法一: 为JQuery重新命名为 $j var $j = jQuery.noConflict(); $j('#id').... //方法二: 推荐使用的方式 (function($){ $(document).ready(function(){ //这儿,你可以正常的使用JQuery语法 }); })(j

  • 在网站页面中,有些长的网页用户翻到底部的时候怎么可以快速返回,方法有很多,今天河南seo就简单介绍其中一个。滚动页面中如何使用jQuery快速滚动到页面顶部?下面本篇文章就来给大家介绍一下使用jQuery快速滚动到页面顶部的方法,希望对大家有所帮助。 在jQuery中可以使用scrollTo()方法快速滚动到页面顶部。jQuery的scrollTo()方法用于设置或返回所选元素的垂直滚动条位置。通