行测侠网站之按键位置解决方案
2020-05-20
1 min read
其中一个按键(key)的高度已浏览器高度取一定的比例，如50%。
另一个按键(next)则以显示答案按键的高度为基准再下降一定的位置。
若两个按键都按浏览器高度固定比例，则随着浏览器屏幕高度缩小，两个按钮会重叠。
为什么要判断窗口大小前再重复一遍，是为了对应网页刷新，网页刷新window.onresize = function()不会触发，下一题按键不能放置在目标位置。
<script>
var high=parseInt(document.getElementById("daan").offsetTop);
high=high+70;
document.getElementById("next").style.top=high+'px';
window.onresize = function(){
var high=parseInt(document.getElementById("daan").offsetTop);
high=high+70;
document.getElementById("next").style.top=high+'px';
}
</script>