jquery - 乘以值扩展容器高度

标签 jquery css

我想将容器的高度自动扩展到 28px 的倍数。我有一个只能垂直重复的图案,所以我不能在不是 28 倍数的高度裁剪它。例如,如果我的容器的高度为 400px,我需要展开420px 的高度,以便图案垂直重复并且不会被裁剪。

关于我需要创建的 jQuery 函数的逻辑有什么想法吗?

最佳答案

这有帮助吗?

var container = $('#container'), unit = 28, height = container.height();
(height % unit > 0) &&
container.height(Math.ceil(height / unit) * unit);

关于jquery - 乘以值扩展容器高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18406743/

相关文章:

css - 如何将 CSS 滤镜应用于背景图像

jquery - 使用 Rails 3.2 和 AJAX 将多个文件直接上传到 Amazon S3(非闪存上传解决方案)

javascript - 如何在 JavaScript 或 jQuery 中检查类名,并重新加载到另一个 URL

javascript - 是否可以将 Highcharts 设置为在鼠标指针距离 30px 时隐藏工具提示

css - JqueryUI - Accordion 。一行显示

css - 浏览器没有用 repeat-x 正确填充背景

javascript - WordPress REST API Ajax 显示更多帖子按钮

javascript - 我的 Highchart 偶尔显示(绘制)我的数据,而不是从左到右以干净的线条显示

PHP/HTML/CSS 表格滚动

javascript - SASS 输出样式通过缩小文件实现自动化