`

如何通过JQuery将DIV的滚动条滚动到指定的位置

 
阅读更多

如何通过JQuery将DIV的滚动条滚动到指定的位置

 

  这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。

复制代码
var container = $('div'),
    scrollTo = $('#row_8');

container.scrollTop(
    scrollTo.offset().top - container.offset().top + container.scrollTop()
);

// Or you can animate the scrolling:
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});​
复制代码

  不需要任何JQuery插件即可完成所需的效果,非常好用!

分享到:
评论

相关推荐

    jQuery实现将div的滚动条滚动到指定位置

    jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置

    jQuery实现将div中滚动条滚动到指定位置的方法

    主要介绍了jQuery实现将div中滚动条滚动到指定位置的方法,涉及jQuery结合animate方法动态操作页面元素属性的相关技巧,需要的朋友可以参考下

    通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

    本文为大家介绍下将DIV的滚动条滚动到其子元素所在的位置,方便自动定位,需要的朋友可以参考下

    jquery.floatdiv 浮动层固定位置

    /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id")....

    jQuery+scrolltotop随滚动条移动的层

    返回top时,根据滚动条移动来判断是否显示。 另有跳转到指定div.

    jquery如何获取元素的滚动条高度等实现代码

    主要介绍了jquery如何获取元素的滚动条高度等实现代码,需要的朋友可以参考下

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小js资源

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小文件,在每个压缩包是一个,打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里,记事本打开...

    jQuery详细教程

    当我们在教程中演示 jQuery 时,会将函数直接添加到 <head> 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件): 实例 <script type="text/javascript" src="jquery.js"> ...

    超实用的jQuery代码段

    5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...

    jquery浏览器滚动加载技术实现方案

    要知道,数据量增加很频繁时,要通过定位页码来找到目标数据似乎并没有...假设DOM上有一个元素为<div id=”mypage”></div>,该元素overflow样式为scroll,也就是元素中的内容溢出元素指定高度时启用滚动条。利用jqu

    jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法

    本效果可实现左上角Logo的置顶但不滚动,而文字也就是网页主体区滚动,当用户拖动滚动条的时候可看到此效果,例子挺简单。 先看一下运行效果截图: 具体代码如下: <!DOCTYPE html> <head> <meta ...

    jquery任意位置浮动固定层插件用法实例

    说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动  2009-06-10修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位  2009-07-16修改:修正IE6下...

    监听滚轮事件

    获取指定元素到容器最顶部的高度 $(window).scroll(function(){ // 当页面滚动条变化时,执行的函数: var scrollTop=$(this).scrollTop(); //滚动条距离顶部的高度 console.log(scrollTop) if(scrollTop > ...

    jquery 插件 任意位置浮动固定层

    /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动...

    jQuery 位置插件

    插件代码: /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*2008-4-1修改:当...

    JS学习笔记相关代码-测试代码

    评论区的滚动:设置定量高度,在文字被排满的情下,自动加入滚动条 <div class="test"></div> <input type="text" id="test"/><input type='button' value='提交' [removed] function fun(){ var str =...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这将会影响所有的aspx页面,一定要将工具条(Toolbars)和Items区分开来。 -祝你生日快乐 - 小师妹妹。 +2009-08-29 v2.0.8 -ExtAspNet支持多语言(en,zh_CN,zh_TW),可以在Web.config中修改。 -将所有的...

    ExtAspNet_v2.3.2_dll

    -这将会影响所有的aspx页面,一定要将工具条(Toolbars)和Items区分开来。 -祝你生日快乐 - 小师妹妹。 +2009-08-29 v2.0.8 -ExtAspNet支持多语言(en,zh_CN,zh_TW),可以在Web.config中修改。 -将所有的...

Global site tag (gtag.js) - Google Analytics