一、Js代码：
onload = function () {//初始化
scrollToLocation();
};
function scrollToLocation() {
var mainContainer = $('#thisMainPanel'),
scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div id="thisMainPanel">中类名为son-panel的最后一个div处
//scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滚动到<div id="thisMainPanel">中类名为son-panel的第六个处
//非动画效果
//mainContainer.scrollTop(
// scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
//);
//动画效果
mainContainer.animate({
scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
}, 2000);//2秒滑动到指定位置
}
二、Html代码：
<div id="thisMainPanel" style="height:200px;overflow-y: scroll;border:1px solid #f3f3f3;"><div class="son-panel">我是类容区域-1</div>
<div class="son-panel">我是类容区域-2</div>
<div class="son-panel">我是类容区域-3</div>
<div class="son-panel">我是类容区域-4</div>
<div class="son-panel" style="height:160px;">我是类容区域-5</div>
<div class="son-panel">我是类容区域-6</div>
<div class="son-panel">我是类容区域-7</div>
<div class="son-panel">我是类容区域-8</div>
</div>
如何通过JQuery将DIV的滚动条滚动到指定的位置
div作为盒子限制高度，并设置overflow:auto。在内容超溢出时会出现滚动条（默认Y轴）实现滚动条滚动到指定位置有两种情况：无效果 和 有动画效果 (1)无效果--直接使用scrollTop方法 \/\/100为高度，单位px$('.box').scrollTop(100)(2)有效果--使用animate方法 \/\/100为高度，单位px；300为时间，单位...
如何通过JQuery将DIV的滚动条滚动到指定的位置
var container = $('div');container.scrollTop(100);\/\/滚动到div 100px
如何通过JQuery将DIV的滚动条滚动到指定的位置
(selector).scrolltop(offset)可以设置滚动条位置。例如：('.classname').scrolltop(110)\/\/将滚动条滚动到110px处
如何通过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...
设置div滚动条滚动到指定位置?
如何通过JQuery将DIV的滚动条滚动到指定的位置1、假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 2、$('div').scrollTop(number);\/\/用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。3、如果是想有动画，那可以用jquery的...
...当滑动滚动条的时候,div向上移动,移动到浏览器的最上方,一直显示...
加载jquery插件 ebooking_fs这个换成要浮动的div的id <script type="text\/javascript"> \/\/search-box 随屏幕滚动 var _box_y = $("#ebooking_fs").offset().top;var _box_x = $("#ebooking_fs").offset().left;(window).scroll(function(){ if($(window).scrollTop() > _box_y){...
如何让jquery动画效果在屏幕滚动到指定位置才执行
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。5、在function方法内，使用...
如何让jquery动画效果在屏幕滚动到指定位置才执行
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。5、在function方法内，使用...
jQuery 实现div在窗口滚动条到一定位置后显示并固定位置不动 拉上去后...
1、新建html文档。2、书写hmtl代码。3、书写css代码。* { margin: 0; padding: 0; list-style: none; }img { border: none; }body { font-family: Arial, Helvetica, sans-serif; }。4、书写并添加js代码。<script src="js\/jquery-1.10.2.js"><\/script><script src="js\/zebra_pin....
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...
