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

标签 javascript jquery css css-position

我有一个普通的网站页面,如下所示:

enter image description here

如何获取浏览器屏幕宽度与 #stuff 右边缘相对于浏览器屏幕宽度的差异?

基本上我想以某种方式将 #stuff 的宽度更改为这个值:

enter image description here

最佳答案

如果我做对了,那只是数学。让我们考虑一下 x 和 y。您的 stuff div 有一个 initial x 和一个 final xfinal 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/

相关文章:

javascript - 如何使用javascript删除Android webview中的内置边距

jquery - 将光标悬停在 slider 的左侧或右侧时,如何将光标转到左侧或右侧图标?

javascript - 什么是使用 getImageData、javascript、HTML5 canvas 导致内存泄漏

javascript - 如何映射 json 数据以在 Javascript 表中显示

javascript - 带有图标标记插件的 Highcharts 不会渲染 FontAwesome 点

javascript - 单击时 Bootstrap 警报关闭

javascript - 在 html 和 css 中的视频背景上添加按钮。 Z 索引不起作用

javascript - 当父选择框更改时,如何删除 Jquery 中的旧选项?

javascript - 切换 Div Javascript

html - 如何将一条线作为伪元素?