我有一个普通的网站页面,如下所示:
如何获取浏览器屏幕宽度与 #stuff
右边缘相对于浏览器屏幕宽度的差异?
基本上我想以某种方式将 #stuff
的宽度更改为这个值:
最佳答案
如果我做对了,那只是数学。让我们考虑一下 x 和 y。您的 stuff
div 有一个 initial x
和一个 final x
。 final x
可以通过initial x + width
得到。现在你有了相对于屏幕的 stuff
的最后一点,你可以用它来计算你正在搜索的差异。 窗口宽度 - 最终 x = 差异
您可以获得:
初始 x 为 $("#stuff").offset().left
$("#stuff").width()
的内容宽度
使用 $(window).width()
的窗口宽度
差异 $(window).width() - ($("#stuff").offset.left + $("#stuff").width())
这是如何工作的:http://jsfiddle.net/SPL_Splinter/xKzvj/
希望对您有所帮助。 :)
关于javascript - jQuery/CSS - 使元素适合屏幕(没有水平滚动条),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5530571/