jquery - 滚动到背景的末尾

标签 jquery html css

所以我有一个大背景 1920*3500 的页面,我使用了这个:

background-image: url(Images/Background%20work/Background-Liquified-home2.jpg);
    background-size: cover;
    background-repeat: no-repeat;

当有人在分辨率较低的显示器上打开它时使其自动调整大小,问题是如果我不在末尾放置图像或文本,我将无法滚动到那里,所以我将图像插入到它结束了,一切正常,但是当我切换到分辨率较低的 1920*1080 显示器时,图像不在背景中。 那么,我可以让它滚动到墙纸的末尾吗?

最佳答案

使用媒体屏幕,并设置 background-size:auto 以降低分辨率。

@media (min-width: 1280px) and (max-width: 1979px) { ... }

关于jquery - 滚动到背景的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21003242/

相关文章:

javascript - CSS 动画不会在 jQuery 中的 addClass 上触发

javascript - 如何在调整窗口大小时禁用/重新启用 Javascript?

html - 将图像 float 到列表中 anchor 的右侧

html - 背景图像在 iOS 上无法正确缩放

css - 水平居中对齐 block 元素

html - 位置固定不跟随屏幕分辨率

javascript - 如何将 JSLint 用于一段依赖于 JQuery 的代码?

jquery - 将焦点设置在按钮上不起作用

javascript - onclick 函数没有被调用

javascript - 限制显示寻呼机的分页数