jQuery / CSS - 使元素适合屏幕(没有水平滚动条)
我有一个看起来像这样的普通网站页面:
我如何获得浏览器屏幕宽度之间的差异#Stuff
相对于浏览器屏幕宽度的右边缘?
基本上,我想以某种方式将#Stuff
的宽度更改为此值:
I have a normal website page that looks like this:
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:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果我没猜错的话,这只是数学。让我们考虑 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 aninitial x
and afinal x
. Thefinal x
can be obtained byinitial x + width
. Now you have the very final point ofstuff
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. :)