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

这里有一个方法可以将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插件即可完成所需的效果,非常好用!

时间: 2024-12-23 21:50:35

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位_jquery的相关文章

jQuery判断div随滚动条滚动到一定位置后停止

 这篇文章主要介绍了jQuery判断div随滚动条滚动到一定位置后停止的方法,需要的朋友可以参考下 实现代码:   代码如下: <script type="text/javascript"> var rollSet = $('#widget');     var offset = rollSet.offset();     var fwidth = $("#footer").height();     $(window).scroll(function(

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

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div

jquery 点击元素后,滚动条滚动至该元素位置的方法_jquery

点击元素后,滚动条滚动至该元素位置: $('a.lead-link').bind('click', function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top - 60 }, 1500); }); 以上这篇jquery 点击元素后,滚动条滚动至该元素位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,

基于jquery的DIV随滚动条滚动而滚动的代码_jquery

核心代码: 复制代码 代码如下: <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function() { var top = $(

jQuery判断div随滚动条滚动到一定位置后停止_jquery

实现代码: 复制代码 代码如下: <script type="text/javascript">var rollSet = $('#widget');    var offset = rollSet.offset();    var fwidth = $("#footer").height();    $(window).scroll(function() {        var scrollTop = $(window).scrollTop();  

DIV随滚动条滚动而滚动的实现代码【推荐】_jquery

记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定! <script type="text/javascript" src="Js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function() { var top = $(window).s

jQuery实现平滑滚动到指定锚点的方法_jquery

本文实例讲述了jQuery实现平滑滚动到指定锚点的方法.分享给大家供大家参考.具体如下: 定义好指定的anchor锚点,调用下面的js代码可以让页面平滑的滚动到指定的位置,非常实用,比如返回页面顶部,去往页面底部等功能 // HTML: // <h1 id="anchor">Lorem Ipsum</h1> // <p><a href="#anchor" class="topLink">Back t

js将滚动条滚动到指定位置的简单实现方法_javascript技巧

js将滚动条滚动到指定位置的简单实现方法 代码如下(主要是通过设置Location的hash属性): <!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给div,Span, a ,button, radio 赋值与取值_jquery

jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 获取<a>的链接内容 $().innerHTML jquery 给span 赋值 $('#hiddenNote').text('getSpanValues'); span取值 $('#hiddenNote').text(); jquery 给标签butt