原生input输入框关闭页面上推

这种现象可能是因为在输入框获取焦点时，软键盘弹出导致页面布局被推上去了。你可以尝试以下几种解决方案：

1. 在输入框获取焦点时，禁止页面滚动。在输入框失去焦点时，恢复页面滚动。

document.getElementById('input').addEventListener('focus', function () {
    document.body.style.overflow = 'hidden';
});

document.getElementById('input').addEventListener('blur', function () {
    document.body.style.overflow = 'auto';
});

2. 使用CSS的fixed定位让底部的元素保持在页面底部，不受软键盘的影响。

.bottom-element {
    position: fixed;
    bottom: 0;
}

3. 使用JavaScript监听软键盘的弹出和隐藏事件，根据软键盘高度动态调整页面布局。

// 监听软键盘弹出事件
window.addEventListener('resize', function () {
    var height = window.innerHeight;
    var inputHeight = document.getElementById('input').offsetHeight;
    var bottomHeight = document.getElementById('bottom').offsetHeight;
    if (height < inputHeight + bottomHeight) {
        document.getElementById('bottom').style.position = 'absolute';
    } else {
        document.getElementById('bottom').style.position = 'fixed';
    }
});

以上是一些常见的解决方案，具体的实现还要根据具体情况进行调整。