如下代碼，如果一直置于當前標簽頁，則一切正常。但是途中只要切換到別的標簽頁停留數秒，再切換回來就崩潰了。具體什么原理？（當然我知道有很多別的方法可以避免這種情況，不過很想了解這類問題的機制）<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { margin: 0; padding: 0; } a { text-decoration: none; } .wrapper { padding: 10px; border: 1px solid #000; width: 300px; margin: 0 auto; } .container { height: 200px; position: relative; font-size: 0px; overflow: hidden; } .banner { position: absolute; width: 1800px; } .banner a { display: inline-block; width: 300px; height: 200px; font-size: 50px; } .banner a:nth-child(1) { background-color: rgb(219, 106, 106); } .banner a:nth-child(2) { background-color: rgb(108, 223, 73); } .banner a:nth-child(3) { background-color: rgb(194, 57, 212); } .banner a:nth-child(4) { background-color: rgb(219, 106, 106); } </style></head><body> <div class="wrapper"> <div class="container"> <div class="banner"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">3(2)</a> </div> </div> </div></body><script> let banner = document.getElementsByClassName('banner')[0], unitWidth = 300, unitNum = 3
瀏覽器對非當前標簽頁元素的控制問題。
冉冉說
2019-03-27 19:11:05
