您的位置：首页技术文章
文章详情页

javascript - 对元素scale缩放时，滚动只能看到放大后右下方的内容.

浏览：72日期：2023-06-19 16:19:07

问题描述

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'></head><body><p style='width: 970px;height: 651px;overflow: auto'> <img src='https://cloud.githubusercontent.com/assets/6072743/26030200/1ca3370a-387e-11e7-9c6d-8d1b029c90cc.png'></p></body></html>

左上角的缩放后的内容就看不到了。除了transfrom-origin设置为left top，请问还有什么办法吗。

问题解答

回答1：

transform-origin: 0 0;回答2：

要能滚动不能用 transform

<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width'> <title>JS Bin</title></head><body><p style='width: 970px;height: 651px;overflow: auto'> <img onload='var parent=this.parentElement;parent.scrollTop=(parent.scrollHeight-parent.clientHeight)/2;parent.scrollLeft=(parent.scrollWidth-parent.clientWidth)/2;' src='https://cloud.githubusercontent.com/assets/6072743/26030200/1ca3370a-387e-11e7-9c6d-8d1b029c90cc.png'></p></body></html>

标签： JavaScript
上一条：css - Flex布局问题下一条：css3 - css 设置高度为1px，浏览器显示的是0.99px
排行榜
主从备份 - 跪求mysql 高可用主从方案
主从备份 - 跪求mysql 高可用主从方案
1. java8中，逻辑与 & 符号用在接口类上代表什么意思
2. mysql优化 - mysql count(id)查询速度如何优化?
3. angular.js - 不适用其他构建工具，怎么搭建angular1项目
4. python - django 里自定义的 login 方法，如何使用 login_required()
5. node.js - node_moduls太多了
6. angular.js - Angular路由和express路由的组合使用问题
7. python如何不改动文件的情况下修改文件的 修改日期
8. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？
9. javascript - nodemailer连接超时，怎么解决？
10. java - 计算机图像表示方法？
热门标签