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

严格使用JavaScript，我想将下面的div元素放在窗口的右侧，以至于没有水平滚动条。

我该怎么做呢？

HTML：

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

我在想类似

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

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

最佳答案

如果采用window.innerWidth;值并将其设置为左侧位置值，它将在视口宽度的外部进行垂悬。

您需要将包装器或主体设置为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/

关于javascript - 使用jQuery将div在屏幕外定位到右侧，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25255528/