本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01div超出部分滚动条影响外层div-内容超出屏幕显示滚动条的方法

文中叙述了jQuery将div中的下拉列表翻转到指定位置的方式。共享给各位参照，如下所示:

I. Js编码:

onload = function(){ 0

//复位。

scroll to location()；

};

涵数scrollstolocation(){ 0

var main container = $(' # thismanpanel ')，

scroltocontainer = main container . find('。子控制面板:最后一个')；//用类名子控制面板翻转到最后一个div。

//scrollToContainer = main container . find('。子控制面板:式子(5)')；//用类名子控制面板翻转到第六位。

//非动漫实际效果。

//mainContainer.scrollTop(

// scrollToContainer.offset()。top–main container . offset()。top mainContainer.scrollTop()

//);

//动漫实际效果

main container . animate({ 0

scroll top:scroll to container . offset()。top–main container . offset()。top mainContainer.scrollTop()

}, 2000);//2秒滚动到指定位置。

}

第二，Html编码:

我是班集体容积区-1。

我是班集体容积区-2。

我是班集体容积区-3。

我是班集体容积区-4。

我是班集体容积区-5。

我是班集体容积区-6。

我是班集体容积区-7。

我是班集体容积区-8。

三.有关专业知识。

用javascript撰写滚动代码的普遍特性。

1.网页页面由此可见地区总宽:document . body . client width；

网页页面由此可见地区的相对高度:document . body . client height；

网页页面由此可见地区总宽:document . body . offset with(包含边沿总宽)；

网页页面由此可见地区的相对高度:document . body . offset右侧(包含边宽)；

网页页面文字总宽:document . body . scrollwidth；

网页页面的全篇相对高度:document . body . scroll height；

已经翻转的页面的相对高度:document . body . scroll top；

已经翻转的网页页面左边:document . body . scroll let；

在页面上:window.screenTop

左文字:window.screenLeft

分辩率相对高度:window . screen . height；

分辩率的总宽:window . screen . width；

显示屏的可以用工作中室内空间相对高度:window . screen . available height；

2.假定obj是一个HTML控制。

Obj.offsetTop指的是Obj相对性于上控制或上控制的部位，整数金额，企业清晰度。

Obj.offsetLeft指的是Obj从左侧或上边操纵的部位，整数金额，企业清晰度。

Obj.offsetWidth指的是Obj控制自身的总宽，整数金额和企业清晰度。

Obj.offsetHeight指的是Obj控制自身的相对高度，整数金额，企业清晰度。

使我们解释一下上边提及的“上或上”和“左或上”控制。

比如:

“递交”按键的偏位指的是“递交”按键和专用工具层上外框中间的间距，由于专用工具层的上外框离它近期。

“重设”按键的偏位指的是“重设”按键和专用工具层上外框中间的间距，由于专用工具层的上外框离它近期。

“递交”按键的偏位指的是“递交”按键与专用工具层左外框中间的间距，由于挨近其左边的是专用工具层的左外框。

重设按键的偏移就是指重设按键与提交按钮右侧框中间的间距，由于挨近其左边的是提交按钮的右侧框。

以上特性在FireFox中也合理。

3.offsetTop和style.top的差别

基本专业知识:偏位，偏位，偏位，偏位，偏位。

如同大家孰知，offsetTop能够从顶层或外界原素中获得HTML原素的部位，style.top还可以。他们相互之间的差异是:

(1)offsetTop回到数据，而style.top回到字符串数组，除数码外也有企业px。

(2)offsetTop是可读写的，而style.top能够读写能力。

(3)要是没有为HTML原素特定顶端款式，style.top回到字符串数组空。

参考点左侧和款式。左侧，参考点右侧和款式。总宽，参考点右侧和款式。相对高度同样。

offsetwithts和style.width特性的区分取决于，假如目标的总宽设定为百分数总宽，则style.width将回到该百分数，而无论网页页面是大是小，而offsetwithts将回到不一样网页页面中目标的参数值，而不是百分数值。

4 .翻转:

在当今对话框表明的范畴内，从目标最左边到目标左边的间距。

换句话说，当水准下拉列表发生时，下拉列表带动的间距。

scrollTop

在当今对话框表明的范畴内，从目标顶端到目标顶端边沿的间距。

换句话说，当竖直下拉列表发生时，下拉列表带动的间距。