jQuery aminate方法定位到页面具体位置

通过jQuery的aminate动画方法定位。

示例如下：


代码如下:

scrollOffset($("#qa").offset());

// jQuery 定位让body的scrollTop等于pos的top，就实现了滚动
function scrollOffset(scroll_offset) {
$("body,html").animate({
scrollTop: scroll_offset.top - 70
}, 0);
}

赞 (0)

相关推荐

  • jQuery aminate方法定位到页面具体位置

    通过jQuery的aminate动画方法定位. 示例如下: 复制代码 代码如下: scrollOffset($("#qa").offset()); // jQuery 定位让body的scrollTop等于pos的top,就实现了滚动 function scrollOffset(scroll_offset) { $("body,html").animate({ scrollTop: scroll_offset.top - 70 }, 0); }

  • jQuery noConflict() 方法用法实例分析

    目录 jQuery - noConflict() 方法 jQuery 和其他 JavaScript 框架 jQuery noConflict() 方法 本文实例讲述了jQuery noConflict() 方法用法.分享给大家供大家参考,具体如下: jQuery - noConflict() 方法 如何在页面上同时使用 jQuery 和其他框架? 要解决这个问题,只需要使用jQuery中的noConflict()方法,它允许你在同一个页面加载多个jQuery实例,尤其是不同版本的jQuery.

  • jquery 仿锚点跳转到页面指定位置的实例

    js 仿锚点跳转到页面指定位置,用的是 offset() 方法 $(document).ready(function(){ var target_top = $("#qa5").offset().top; //$("html,body").animate({scrollTop: target_top}, 1000); //带滑动效果的跳转 $("html,body").scrollTop(target_top); }); jQuery: offs

  • JS控制弹出新页面窗口位置和大小的方法

    本文实例讲述了JS控制弹出新页面窗口位置和大小的方法.分享给大家供大家参考.具体如下: 相信很多朋友都想做一个弹出用来弹出公告或者重要信息,但是弹出的框口位置和大小又不能太大,所以我们今天使用JS来控制弹出窗口的位置和大小,想弹多大就多大 复制代码 代码如下: <html> <head> <title>指定弹出窗口位置(IE)</title> <script language="javascript"> <!-- fun

  • jQuery层动画定位滑动效果的方法

    本文实例讲述了jQuery层动画定位滑动效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

  • jQuery控制frames及frame页面JS的方法

    本文实例讲述了jQuery控制frames及frame页面JS的方法.分享给大家供大家参考,具体如下: <script src="jquery-1.3.2.min.js" type="text/javascript" ></script> <script> var _intervalx,steplengthx steplengthx=1000; //第一次触发时间 nextstepx=10000 ; //以后的触发时间 $(doc

  • jQuery实现自动滚动到页面顶端的方法

    本文实例讲述了jQuery实现自动滚动到页面顶端的方法.分享给大家供大家参考.具体实现方法如下: $(".scroll").click(function(event) { //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split t

  • 点击页面任何位置隐藏div的实现方法

    点击页面任何位置隐藏div的实现方法

    实例如下: <include file="Public:header" /> <style type="text/css"> table{width:100%;margin: 0;} </style> <script type='text/javascript' src="/{:APP_PATH}/Public/js/unslider.min.js"></script> <scri

  • vue2.0路由切换后页面滚动位置不变BUG的解决方法

    最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变. <a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立即试用</a> <router-link class="db" to="/user">个人中心<

  • 使用jquery DataTable和ajax向页面显示数据列表的方法

    首先在html页面定义好相关长度的行和列,假设table的id=data-table"" 使用jquery DataTable在js中这么写 $(function() { $('#data-table').DataTable( { order : [ [ 1, 'desc' ] ], ajax : { url : "/products", type : 'GET', dataSrc : "" }, columns : [ { data : &qu

随机推荐