位置：修复不使用ios手机

Question

我有一个按钮附加到页面上的div。我希望在ios中修复该按钮（滚动和缩放）。禁用缩放修复此问题，但这不是我想要做的。我的按钮代码：

var test_button = document.createElement('BUTTON');
test_button.style.position = 'fixed';
test_button.style.top = '15px';
test_button.style.left = '15px';
test_button.id = 'test_button';
test_button.innerHTML = 'Test';
test_button.onclick = to_top; //custom function
var my_div = document.getElementById('test_div');
my_div.appendChild(test_button);

test_div的CSS如下：

#test_div {
    z-index:99;
    position:fixed;
}

给出了z-index，因为该按钮应该浮动在另一个div元素上。

这是ios的一个问题，因为这段代码就像android上的魅力一样。