jQuery / CSS - 使元素适合屏幕(没有水平滚动条)

发布于 2024-10-28 21:10:38 字数 230 浏览 1 评论 0原文

我有一个看起来像这样的普通网站页面:

“在此处输入图像说明”

我如何获得浏览器屏幕宽度之间的差异#Stuff相对于浏览器屏幕宽度的右边缘?

基本上,我想以某种方式将#Stuff的宽度更改为此值:

I have a normal website page that looks like this:

enter image description here

How can I get the difference between the browser screen width and the right edge of #stuff relative to the browser screen width?

Basically I want to somehow change the width of #stuff to this value:

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

何时共饮酒 2024-11-04 21:10:38

如果我没猜错的话,这只是数学。让我们考虑 x 和 y。您的 stuff div 有一个 initial x 和一个 final x。通过初始x + 宽度可以获得最终x。现在您已经有了相对于屏幕的stuff的最后一点,您可以使用它来计算您正在搜索的差异。 窗口宽度 - 最终 x = 差异

您可以得到:

初始 x 与 $("#stuff").offset().left

内容宽度与 $( "#stuff").width()

窗口宽度与 $(window).width()

区别 $(window).width() - ($(" #stuff").offset.left + $("#stuff").width())

这是如何工作的: http://jsfiddle.net/SPL_Splinter/xKzvj/

希望有帮助。 :)

If I got it right it's just mathematics. Let's think in x and y. Your stuff div has an initial x and a final x. The final x can be obtained by initial x + width. Now you have the very final point of stuff relative to the screen you can use it to calculate the difference you are searching for. window width - final x = difference

You can get:

initial x with $("#stuff").offset().left

width of stuff with $("#stuff").width()

width of the window with $(window).width()

difference $(window).width() - ($("#stuff").offset.left + $("#stuff").width())

Here how this works: http://jsfiddle.net/SPL_Splinter/xKzvj/

Hope it helps. :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文