`
yatou_0209
  • 浏览: 37624 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

给定divId,滚动条滚到相应位置

js 
阅读更多 
/**
 * 给定divId,滚动条滚到相应位置
 * @param id
 */
function autoScrollTop(id){
	id=(typeof(id)=="undefined"?"main":id);
	$("html,body").animate({
		scrollTop :$("#"+id).offset().top-100
	}, 1000); // 设置滚动条高度
}
分享到：
| 白话文讲多态
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    让DIV的滚动条自动滚动到最底部的3种方法(推荐)

    首先，在DOM中设置一个锚点，然后在接收到新消息时，通过JavaScript模拟点击该锚点，使页面滚动到相应位置。示例如下： ```html function onGetMessage(context) { msg.innerHTML += context; msg_end.click(); ...

    javascript 获取模态窗口的滚动位置代码

    在JavaScript代码中，通过document.getElementById('divID').scrollLeft和document.getElementById('divID').scrollTop的方式，可以分别获取到模态窗口中div元素在水平和垂直方向上的滚动位置。 四、获取滚动位置的...

    jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

    在滚动条发生变化时，元素的绝对位置也会相应地改变。因此，在不同的滚动位置调用`offset()`，可能会得到不同的结果。而`position()`方法通常不受到滚动影响，它始终是相对于最近的已定位父元素计算位置的。 在某些...

    Asp.net保持页面滚动条位置(页面提交后不变)

    一般来说很多的人在控制浏览器滚动条都是用Page.SmartNavigation = False，对于页面中DIV等等的滚动条控制，我在看了别人代码后，写了一个，仅供参考： 代码如下: Public Shared Sub SaveDivScrollPosition(ByVal ...

    jQuery获取页面元素绝对与相对位置的方法

    本文将详细介绍jQuery中用于获取元素位置的方法，包括offset()和position()，以及如何获取元素相对于滚动条的位置。 首先，我们需要了解页面中的“绝对位置”和“相对位置”这两个概念。所谓绝对位置，是指元素相...

    JS+HTML5手机开发之滚动和惯性缓动实现方法分析

    divid=’content’内容区域/div /div Notice: 在android 有bug, 滚动完后会回退到最顶端的内容区域，解决办法是使用后两种方式实现 2)js 编程实现 思路：对比手指在屏幕上移动前后位置变化改变内容元素content 1. ...

    JS弹出居中的DIV的代码

    第一步，计算无滚动条情况下的居中位置： 1. 获取弹出层的宽度和高度，例如通过`divId.clientWidth`和`divId.clientHeight`。 2. 计算居中所需的左右和上下的偏移量，分别等于(`document.body.clientWidth - divId....

    divid-rpc:使用JavaScript连接到Divi Core RPC的客户端库

    divid-rpc.js 客户端库，用于连接JavaScript中的Divi Core RPC。 开始使用 divid-rpc.js运行在，可以通过安装： npm install divid-rpc 例子 var run = function ( ) { var bitcore = require ( 'bitcore' ) ; ...

    高级宏观经济学 divid romer 英文版

    世界上最好的高级宏观经济学教程，本科高年级及研究生的必读

    JQuery 获得绝对,相对位置的坐标方法

    通过调用`offset()`和`position()`方法，我们可以获取到"DivID"元素在页面中的绝对位置（X, Y）以及相对于其定位父元素的位置（C, D）。 在实际应用中，这些坐标可以用于各种目的，如动态调整元素位置、创建拖放...

    JS实现各种动态显示隐藏div效果

    卷动效果通常用于模拟滚动条或者创建滑动门等动画效果。通过改变div的CSS属性，如`top`, `left`, `width`, 或 `height`，可以实现元素的平滑移动。例如，我们可以使用`setInterval`或`requestAnimationFrame`来定时...

    eslint-config-divid:ESLint Sharable Config使用打字稿和漂亮的功能性编程风格

    eslint-config-divid 该软件包包含一些规则，用于强制执行我们在使用的编程样式，但对于使用打字稿和更漂亮且具有函数式编程样式的任何人都应该有用。 特征 规则配置用于： 更漂亮的代码格式 打字稿 功能编程风格 ...

    始终在屏幕中间显示Div的代码(css+js)

    我们可以使用document.documentElement.scrollTop和document.documentElement.clientHeight来获取当前滚动条的位置和屏幕的高度，然后计算Div元素的top和left属性。例如： function sc1(DivId) { var Div = $...

    sql 知识 自己总结的 希望对大家有帮助

    根据给定的文件信息，以下是对SQL存储过程的详细知识点解析： ### SQL存储过程：基础知识与实例 #### 存储过程概述 存储过程是预编译的SQL代码块，存储在数据库服务器上，用于实现复杂的数据操作逻辑。它们提供了...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    如果使用a标签跳转到指定的div区域，则只需要把a标签的href属性设置为“#divId”就好了，比如： 跳转到div 这里是被跳转的区域 第二个，使用jquery添加或者移除class属性 也很简单，使用jquery的方法addclass()...

    具有多项式独立项的半递归分治的显式解_Explicit solution of divide-and-conquer divid

    在计算机科学领域，分治策略是一种重要的算法设计思想，它被广泛应用于解决复杂问题。"Divide-and-conquer dividing by a half recurrences"是这种策略的一种具体体现，以递归形式表示为： xn = a · x⌈n/2⌉ + a ...

    asp分页代码，通用代码

    用户访问页面时，可以根据URL中的`page`参数加载相应的数据。 以上就是基于ASP的分页通用代码的核心思想和应用方法。通过`function.asp`提供的分页函数和`调用实例.txt`中的调用方式，开发者可以快速地在自己的项目...

Magicbox
Global site tag (gtag.js) - Google Analytics