javascript - 使用 jQuery 将 div 定位到屏幕外的右侧

Question

严格使用 JavaScript，我想将以下 div 元素 right 放在窗口外的右侧，这样就不会出现水平滚动条。

我该怎么做？

HTML:

<div id = "content">
    <header>
    <h2>Welcome!</h2>
    </header>
</div>

我在想类似的东西

$( "#content" ).offset({ left: 1345});

但不幸的是，这会导致出现滚动条，并且它没有响应，导致在移动 View 中 div 位于窗口右边缘之外。

Answer 1

如果您采用 window.innerWidth; 值并将其设置为左侧位置值，它会卡在视口(viewport)宽度的右侧。

您需要将包装器或主体设置为 overflow: hidden; 以摆脱水平滚动。

var hiddenDiv = document.getElementById('content');
var docWidth = window.innerWidth;

hiddenDiv.style.position = 'relative'; // Or absolute, depending on what you want
hiddenDiv.style.display = 'inline-block';
hiddenDiv.style.left = docWidth+'px';

http://jsfiddle.net/c62sqvdk/ <-- 用于可视化示例的 JsFiddle。