`

JQuery--点击返回页面顶部

 
阅读更多
    function goTop() {
    $('html, body').animate({scrollTop:0}, 'slow'); 
    }
    
     
分享到:
评论
1 楼 yaofeng911 2012-04-23  
$("html,body").animate({scrollTop: $("#位置").offset().top}, 'slow');


scrollTop:标识要滚动到高度,由#位置来决定

相关推荐

    jQuery实现返回顶部

    使用jQuery,我们可以在页面滚动时显示返回顶部按钮,并在按钮被点击时,平滑地滚动到页面顶部。这可以通过监听`scroll`事件和使用`animate`函数来实现: ```javascript $(document).ready(function() { // 当...

    jquery实现返回顶部

    在网页设计中,尤其是内容丰富的页面,用户滚动浏览到页面底部时,可能需要一个便捷的方式快速返回页面顶部。jQuery 提供了一个简单且高效的解决方案来实现这一功能,使得用户体验得到显著提升。本文将详细介绍如何...

    jquery-weui-build.zip

    1. **导航栏(Navbar)**:提供顶部导航功能,支持标题、返回按钮以及操作按钮,可自定义颜色和样式,适应不同页面布局。 2. **按钮(Button)**:包含多种类型,如默认、主要、警告、链接等,可以设置不同的尺寸和...

    jquery 制作鼠标点击描点a标签返回顶部

    在这个场景下,我们将探讨如何使用jQuery制作一个点击后返回顶部的描点(通常是一个"A"标签)。 首先,我们需要在HTML文档中添加一个描点元素,通常放在页面底部: ```html <a id="back-to-top" href="#">返回顶部...

    jquery返回顶部代码

    下面是一个简单的jQuery返回顶部的实现代码示例: ```html <!DOCTYPE html> <meta charset="UTF-8"> 返回顶部示例 #back-to-top { position: fixed; bottom: 20px; right: 30px; width: 50px; height: ...

    jQuery可变透明度返回顶部代码

    在网页设计中,提供一个返回顶部的功能是非常常见的需求,这可以方便用户在浏览长页面时快速回到页面顶部。"jQuery可变透明度返回顶部代码"就是一个实现此类功能的JavaScript插件,它利用jQuery库的特性,通过调整...

    jQuery绿色QQ在线客服返回顶部代码.zip

    返回顶部功能是在页面滚动时,提供一个方便用户快速回到页面顶部的按钮。我们可以在页面底部或侧边栏固定显示这个按钮,当用户滚动页面时,按钮会随着滚动条的位置出现或隐藏。使用jQuery的`$(window).scroll()`...

    jQuery可变透明度返回顶部

    // 点击按钮,平滑滚动到页面顶部 }); }); ``` 这段代码实现了当用户向下滚动超过100像素时,返回顶部按钮逐渐显示(透明度从0变为1),当页面滚动到顶部或者向上滚动到100像素以内时,按钮又会逐渐消失。点击...

    jquery本页面返回顶部

    // 点击返回顶部按钮时,平滑滚动到页面顶部 $('#backToTop').click(function() { $('html, body').animate({ scrollTop: 0 }, 800); return false; }); }); ``` 这段代码的工作原理是,当用户向下滚动并且...

    jQuery 缓冲返回网页顶部JS代码

    以上代码创建了一个固定在屏幕右下角的按钮,当用户滚动页面时,该按钮会逐渐显现,并在点击后以平滑的动画效果返回页面顶部。这就是使用jQuery实现缓冲返回顶部功能的基本步骤。你可以根据自己的需求调整动画速度、...

    jQuery平滑返回顶部代码.zip

    平滑返回顶部的功能通常由一个按钮或图标触发,当用户滚动页面到一定距离时,这个按钮会显示出来,点击后页面将平滑地滚动回顶部。这种效果的实现主要依赖于jQuery的动画方法,如`animate()`。 在jQuery中,`...

    jQuery实现的点击火箭图标页面返回顶部效果.zip

    当火箭图标被点击时,使用`scrollTop()`方法配合`animate()`方法实现平滑滚动到页面顶部。 ```javascript $(document).ready(function() { $('#rocket-top').click(function(e) { e.preventDefault(); // 阻止...

    动感jQuery返回顶部

    综上所述,“动感jQuery返回顶部”涉及到的知识点包括jQuery的基本使用、DOM操作、事件监听、CSS动画、页面滚动控制以及用户体验优化等多个方面,是前端开发中常见且实用的一个功能实现。通过学习和实践这一功能,...

    jquery返回顶部隐藏按钮.rar

    点击按钮时,利用`animate()`方法平滑滚动到页面顶部。 ```javascript $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 100) { // 当页面滚动超过100像素时,显示按钮 ...

    jasonlau-jQuery-Screw 滚动加载

    请求成功后,将返回的新数据插入到页面的适当位置。 4. **动画效果**:jQuery Screw 还提供了平滑的动画效果,使得新内容的加载过程更加自然。这可以通过 `$.animate` 函数实现,可以调整加载速度、过渡效果等参数...

    jQuery右侧边栏二维码QQ客服返回顶部代码

    点击该按钮时,利用`scrollTop()`方法平滑地滚动回页面顶部。 6. **CSS样式**:为了使这些功能看起来更美观,你需要编写CSS样式来控制边栏、二维码、返回顶部按钮的布局和外观。可以调整颜色、大小、位置等属性,...

    jQuery带微信的返回顶部

    而“jQuery带微信的返回顶部”功能,通常是指结合微信特性,实现用户在浏览网页时点击后能快速返回页面顶部的交互设计。这种功能对于移动端,特别是微信内置浏览器的用户体验提升有着重要作用。 首先,我们要理解...

    jQuery右端悬浮带返回顶部代码

    这个功能可以提升用户体验,特别是对于内容丰富的长页面,用户不再需要手动滚动到页面顶部。 首先,要实现这一功能,我们需要对jQuery库有基本了解。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档...

    jquery win8风格的页面返回顶部按钮带二维码和qq在线客服

    页面滚动到一定距离后,返回顶部按钮会自动显示,用户点击即可快速回到页面顶部,提高浏览效率。实现这一功能,开发者可能使用了jQuery的`$(window).scroll()`事件监听页面滚动,并通过CSS3动画效果,如渐显渐隐,...

    jquery 控制返回顶部

    接下来,我们使用jQuery来绑定点击事件,并实现点击时页面滚动到顶部的功能。在`$(document).ready()`函数中,当文档加载完成后执行我们的代码: ```javascript $(document).ready(function() { // 当页面滚动超过...

Global site tag (gtag.js) - Google Analytics