{Code...} Le contenu zoomé dans le coin supérieur gauche n'est pas visible. En plus de définir transfrom-origin en haut à gauche, existe-t-il un autre moyen ?

javascript - Lors de la mise à l'échelle d'un élément, seul le contenu agrandi en bas à droite peut être vu en faisant défiler.

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

Le contenu zoomé dans le coin supérieur gauche ne sera plus visible. En plus de définir transfrom-origin en haut à gauche, existe-t-il un autre moyen ?

天蓬老师2810 Il y a quelques jours992

<!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 style="display: block;min-width: 150%;min-height: 150%;" 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 - Lors de la mise à l'échelle d'un élément, seul le contenu agrandi en bas à droite peut être vu en faisant défiler.

répondre à tous(2)je répondrai