首页 脚本专栏 正文

offsettop scrollLeft scrollTop offsetLeft offsetTop 的区别

scrollLeft scrollTop offsetLeft offsetTop 的区别

<!DOCTYPE HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">

function req(){

var div = document.getElementById("div1");

document.getElementById("li1").innerHTML = (div.offsetTop)+"px";//div1距离屏幕顶部的距离

document.getElementById("li2").innerHTML = (div.offsetLeft)+"px";//div1距离屏幕左部的距离

document.getElementById("li3").innerHTML = (div.scrollTop)+"px";//div1纵向滚动条滚动的距离

document.getElementById("li4").innerHTML = (div.scrollLeft)+"px";//div1横向滚动条滚动的距离

}

</script>

</head>

<body style="border:10px solid #ccc;padding:0px 0px;margin:5px 10px">

<div style="width:60%;border-right:1px dashed red;float:left;">

<div style="float:left;">

<div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">

<div style="height:500px;width:400px">请调整横竖滚动条后,点击按钮后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>

</div>

<input type="button" value="点击我!" onclick="req()" style="border: 1px solid purple;height: 25px;"/>

</div>

</div>

<div style="width:30%;float:left;">

<ul style="list-style-type: none; line-height:30px;">结果:

<li>offsetTop : <span id="li1"></span></li>

<li>offsetLeft : <span id="li2"></span></li>

<li> scrollTop : <span id="li3"></span></li>

<li>scrollLeft : <span id="li4"></span></li>

</ul>

</div>

<div style="clear:both;"></div>

</body>

</html>

关于释放笔记本性能,这样的设置可以参考一波

前几天发了个windows优化的帖子,感觉降压那段可能不太详细,所以整理出了这篇教程,如有错误请指正(以软件作者为准,我可能表述的不太清楚)。

1.我的设备是2018版Y7000p,配置是i7 8750H+1060。先说说我为什么要降压,因为我支付了6核12线程的钱,却没有得到6核12线程的性能体验。

这是我没有降压前默认功耗墙,温度墙,电压录制的Cinebench 20跑分GIF全程,有点长,也可以直接看跑分。

开始跑分十秒撞温度墙,之后锁功耗45瓦,全程2.5ghz跑完全程,得分1999(别说,这个数还挺整齐)。

2.开始前可以先Cinebench 20跑个分,以便后面性能提升做参考,话不多说,直接操作,先设置温度墙,主界面这里显示PROCHOT 94℃(微软建议的温度墙为100度,厂商设置的温度墙一般在95度左右),点击Options,打勾PROCHOT Offset,我这里显示为6(94+6=100),根据你的散热规格,修改至合适的温度,我修改之后是97度(设置值为3)。

Start Minimized(开始最小化)打勾

Minimize on Close(关闭后最小化)打勾

Nvidia GPU AMD GPU看自己显卡是哪个打勾(主界面右下角可以看到显卡温度)

OK返回主页面

3.主界面跟我一样设置

Speed Shift - EPP设置为0以获取最大性能

BD PROCHOT取消打勾是因为如果显卡温度过高,不管CPU温度多低都会降频(如果刚刚跑分中Limits报了这个警告的话建议关闭)

On Top是置顶窗口

Turn ON 点击变成Turn Off

另外两个打勾是默认设置

4.解锁功耗墙并提高PL1(长时功耗墙),点击FIVR,打勾Disable and Lock Turbo Power Limits(解锁功耗墙),Apply应用OK返回主界面再点击TPL,设置PL1为60(建议6核12线程处理器为此值,其它处理器根据默认设置调整),Apply应用OK返回主界面,一般来说不用调整PL2以及Turo Time Limit(默认28),下面有原因。

5.降低电压并测试稳定,点击FIVR,CPU Core打勾Unlock Adjustable Voltage(解锁电压调节),向左拉动Offset Voltage(电压下偏移量)滑块至-100.6mV,CPU Cache同样设置-100.6mV,右下角Apply应用(此时右上角CPU Core和CPU Cache对应的Offset均为-0.1006)OK返回主界面,点击Limits,打开Cinebench 20开始跑分,对比之前未降压的跑分。

降-100.6mV得分2602,一开始70多瓦,3.8ghz,97度撞墙持续降频来到60瓦频率,3.2ghz,86度。Limits显示THERMAL代表触发温度墙

显示PL1表示你触发了长时功耗墙

显示PL2表示你触发了短时功耗墙

EDP OTHER限制,或许可以通过以下方法解除(当然你也可以忽略它)。

6.接下来CPU Core Cache同时以-25mV偏移量进行每一次测试跑分,当来到-150mV,单独调低Core电压偏移,当你的跑分停止增加或者来到-250mV,之后可以单独调低Cache探寻极限值,如果跑分蓝屏卡屏重启,重新配置并调高Cache的电压偏移至完成一次跑分,日常空载也可能蓝屏重启,每次重新配置调高Cache电压偏移值至不再蓝屏即可(请自行进行稳定性测试)。

当你完全测试好稳定值后点击FIVR-OK -Save voltage immediately(这样重启配置不会丢失)

观察跑分过程中触发PL1之后的温度是否有余量,适当调高或调低PL1值以平衡合适的长时温度、频率和跑分,下面是我的极限跑分 。全程稳定3.7g 60w 90℃

所以说,解开温控之后的本本性能还是可以的,但是功耗也确实高,建议也就在固定的地方使用时这样子做吧。

相关问答

jquery中 offset 和position的区别?

jQuery中有两个获取元素位置的方法offset()和position(),两者的定义如下:offset():获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性:top和...

怎么在js中设置去掉工具栏、地址栏等。-ZOL问答

//鼠标按下位置相对对象位置varrelTop;functionf_mdown(obj){currentMo...relLeft=event.x-currentMoveObj.o...

我用swiper和jquery写了一个导航小demo,在移动端点击不能跳...

/*导航滑动*/#topNav{width:100%;overflow:hidden;font-style:normal;font-variant-ligatures:normal;fon...

你如何评价2019年泰剧《与爱同居》?

《与爱同居》是一部由TeeSintanaparadee执导,Mew/Gulf/Kokliang主演的一部同性类型的电影,特精心从网络上整理的一些观众的影评,希望对大家能有帮助。《...

window.onscroll和document.body.onscroll的区别?

当页面滚动的时候:window.onscroll和document.body.onscroll的区别:在ie6下面只认window.onscroll。document.body.scrollTop...

如何解决手机浏览器顶部下拉刷新的問題-ZOL问答

因为滑动区域是向走的,所以滑动块的顶部到浏览器顶部的距离最大为0(其余为负值[$('#bodycthead').offset().top]),当为0的时候说明已经回到了顶部,继续向下拉...

如何用VBA控制改变excel中手动插入的图片的大小?

方法:sub图片导入dimsasshapedimrgasrange'删除已有的图片foreachsinactivesheet.shapesifs.type...

【合成词举例1.合成名词(动词原形+前置词)如setback,outlook2...

[回答]1.合成名词(动词原形+前置词)如setback,outlookhandover,sidewalk,takeoverfeedback,tabletop,forehead2.合成名词(形容词+名词)b...

头部跟随功能怎么设置?

top:0;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0px2px5pxrgba(0,...

secdata命令怎么使用?

答:Location---偏移有4个选择位置。分别为:TOP:壳节点偏移到顶面。MID:壳节点偏移到中面。BOT:壳节点偏移到底面。USER:用户定义,偏移梁由OFFSET指定。OFFS...