首页/新闻资讯/正文详情

Google Chrome 设备工具栏原理

发布时间:2026/11/11 14:03:45 来源:云帆数科 栏目:资讯中心
Google Chrome 设备工具栏原理
1.不同预览模式2.计算出缩放比3.固定滚动偏移关键代码overviewratioW getChildRect().width / getParentRect().widthratioH getChildRect().height / getParentRect().heightmaxRatio max(ratioW, ratioH)if(maxRatio 1)return 1elsereturn 1/maxRatiooldViewCenter viewCenterOffsetreal:if(bInit) { // 重置if(childOutline.height parentOutline.height)oldViewCenter.fY viewCenterOffset.fY;elseoldViewCenter.fY viewCenterOffset.fY (childOutline.height - parentOutline.height) / 2; //顶部对齐} else { // 滚动后拉伸if(refParentOutline.top refChildOutline.top) //上次就无溢出oldViewCenter.fY viewCenterOffset.fY (childOutline.height - parentOutline.height) / 2; //顶部对齐else {overflowLen refParentOutline.top - refChildOutline.top //溢出长度if(childOutline.height - overflowLen parentOutline.height) //溢出后下面留白oldViewCenter.fY parentOutline.bottom - childOutline.bottom // 底部对齐elseoldViewCenter.fY parentOutline.top - overflowLen - childOutline.top // 顶部溢出对齐}}创作不易小小的支持一下吧

相关推荐

layout 自定义布局管理器
layout 自定义布局管理器

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 20:29:29

快速制作自己的第一个动画
快速制作自己的第一个动画

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/8 17:10:36

figma原型预览, 渲染场景动画切换闪动解决方案
figma原型预览, 渲染场景动画切换闪动解决方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/9 11:04:03

广东省特种工证件查询值不值得考?别怕考不过白交培训费
广东省特种工证件查询值不值得考?别怕考不过白交培训费

广东省特种工证件查询值不值得考?别怕考不过白交培训费 你是不是正在纠结要不要考广东省特种工证件?怕花了几千块培训费最后还是考不过?别急,今天我就从一个过来人的角度,给你讲讲这个证到底 值不值得考… · 2026/11/11 14:02:59

韩国电工证如何申请 上岗必备的求职敲门砖
韩国电工证如何申请 上岗必备的求职敲门砖

韩国电工证如何申请 上岗必备的求职敲门砖 你是不是也在为找不到工作发愁?特种作业证就是你求职路上的“通行证”,尤其是韩国电工证, 上岗必备… · 2026/11/11 14:02:59

佛山南海电工证报考通过率揭秘:怎么避坑?怎么拿证?怎么挣钱?
佛山南海电工证报考通过率揭秘:怎么避坑?怎么拿证?怎么挣钱?

佛山南海电工证报考通过率揭秘:怎么避坑?怎么拿证?怎么挣钱? 你是不是也担心在佛山南海电工证报考这事上被中介坑?是不是看网上一堆广告,又怕花冤枉钱还拿不到证?别急,今天咱们就从 佛山南海电工证报考 的全过程聊起, 通过率揭秘… · 2026/11/11 14:02:59

无电工证怎么找工作 别踩坑!郑州电工证办理全攻略
无电工证怎么找工作 别踩坑!郑州电工证办理全攻略

无电工证怎么找工作 别踩坑!郑州电工证办理全攻略 你还在为找不到电工相关工作发愁?无电工证怎么找工作?别踩坑!在郑州,很多建筑、电力、维修类岗位都明确要求持证上岗,没有特种作业操作证,别说进工地,连面试机会都没有。尤其现在工地项目多、用工紧… · 2026/11/11 14:02:59

桂阳哪里考电工证全流程办理指南
桂阳哪里考电工证全流程办理指南

桂阳哪里考电工证全流程办理指南 工地太忙根本没时间复习考试,你是不是也经常这样想?电工证作为特种作业人员的“通行证”,在工地、工厂等高风险作业环境中是必备的资质,但很多人因为工作繁忙、信息不全,不知道 在哪考… · 2026/11/11 14:02:59

工地太忙根本没时间复习考试?巩义电工证河南的真实经历教你避坑
工地太忙根本没时间复习考试?巩义电工证河南的真实经历教你避坑

工地太忙根本没时间复习考试?巩义电工证河南的真实经历教你避坑 工地太忙根本没时间复习考试?我身边有位在信阳干了五年的电工老王,就因为没考下巩义电工证河南,差点丢了饭碗。那会儿他天天在工地上抢时间、抢进度,哪还有心思去复习考试?结果公司要求全… · 2026/11/11 14:01:59

电工证丢失还能补吗?千万别踩坑,丢了证等于失业
电工证丢失还能补吗?千万别踩坑,丢了证等于失业

电工证丢失还能补吗?千万别踩坑,丢了证等于失业 你正在找工作,但手里的电工证突然丢了,这下怎么办?别急,先别慌, 电工证丢失还能补吗 ?答案是肯定的,但 千万别踩坑 ,补办流程如果不了解,可能会耽误你上岗、甚至影响到你的收入。… · 2026/11/11 12:18:07

电力电缆作业证直播报名入口与办理流程良心建议
电力电缆作业证直播报名入口与办理流程良心建议

电力电缆作业证直播报名入口与办理流程良心建议 你是不是也担心学历不高报不了名?别急,今天就给你讲讲 电力电缆作业证直播 的报名流程和那些你必须知道的干货, 良心建议 在这里,别错过。 电力电缆作业证直播报名需要什么条件?… · 2026/11/10 17:46:39

英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑
英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑

英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑 怕考不过白交培训费?英德电工证报考费多少钱,你真的了解吗?现在市面上培训机构五花八门,价格参差不齐,很多人一不小心就花了冤枉钱,结果还考不过。别急,今天就来给你说清楚英德电工证的… · 2026/11/10 17:11:43

_中职电工证最新政策解读
_中职电工证最新政策解读

中职电工证在哪考?工地太忙根本没时间复习考试的救星来了 工地太忙根本没时间复习考试,这是很多正在备考 中职电工证 的建筑工友的真实写照。你不是不想考,而是真的没时间。但别担心,这期内容是 新乡初次报考人员… · 2026/11/11 0:00:52

昆明电工证培训价格值不值得考?老电工告诉你真相
昆明电工证培训价格值不值得考?老电工告诉你真相

昆明电工证培训价格值不值得考?老电工告诉你真相 之前考的证在外省能不能转过来?这个问题是很多在外地打工、换城市生活、或者是想在昆明发展的朋友最关心的。尤其是现在云南发展快,很多企业都在招持证上岗的电工,如果你手头有证但不在本地,那这个证是不… · 2026/11/11 0:00:52

特种电缆张工网上查询全攻略:外省证如何转过来
特种电缆张工网上查询全攻略:外省证如何转过来

特种电缆张工网上查询全攻略:外省证如何转过来 之前考的证在外省能不能转过来?这是很多特种作业从业者最关心的问题,尤其是像特种电缆张工这类证书,直接关系到日常工作是否合规、能否顺利晋升。很多小伙伴因为证书归属地的问题,陷入职业发展的瓶颈,甚至… · 2026/11/11 0:00:52

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 20:19:29

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 19:22:45

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 17:00:47

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码