0
A
回答
0
问题是当您调整浏览器的大小时,背景图片会改变高度(由于background-size:100% auto;
,但是元素本身并没有更新,您可以通过实际调整div的大小来修正这个问题,而不仅仅是背景 - 图像,但是让我们假设你不想这样做,在这种情况下,您需要调整使用JavaScript股利,以使内容的其余部分将出现在正确的地方。
$(document).ready(function() {
$homeDiv = $('.home');
$(window).resize(); //call this onload to make sure the div is initially right
});
$(window).resize(function() {
($homeDiv).height($(window).width()/1440 * 600);
console.log($(window).width()/1440 * 600);
});
当然然后你的褪色可能不会像你期望的那样行事,所以改变你的JS中的'opacity'
行:
'opacity' : 1 - windowScroll/($(window).width()/1440 * 600 - 30)
这确实取决于您的图像具有一致的尺寸。有一些方法可以在不知道这一点的情况下做到这一点,我相信,但这是最简单的。
相关问题
- 1. 在div中移动文本而不移动div
- 2. 移动文本,同时保持CSS中的背景图像
- 3. Sed - 从保持缓冲区移动/插入文本
- 4. 停止移动其他div的文本
- 5. 单独移动文本div标签
- 6. DIV内容移动需要保持对齐的权利
- 7. 如何保持我的圆形div不移动
- 8. 保持CONTENTEDITABLE DIV
- 9. 保持文本输入滚动同步
- 10. iPhone - 滚动一个UIScrollView保持移动
- 11. 为什么我的div在移动时不能与其他div保持同步?
- 12. 保持悬停状态在整个div中保持活动
- 13. 保持div溢出
- 14. 创建浮动框,保持在div
- 15. 浮动菜单,保持在父div
- 16. 浮动的div试图保持响应
- 17. 浮动DIV,并保持它在基线
- 18. 保持同一行上的浮动div
- 19. 保持Div滚动到底部
- 20. UNIX:移动文件和文件夹保持结构
- 21. 让iFrame保持移动检测状态?
- 22. 移动鼠标并保持.mouseenter功能
- 23. 保持Fancybox缩略图移动?
- 24. 如何保持UIview和移动?
- 25. 移动CGPathCreateMutable(),使路径保持不变?
- 26. 移动窗口保持Qml MouseArea
- 27. 保持线outputed DIV打破从文本区域
- 28. 保持行内文本
- 29. 文本操作,同时保持原始位置偏移
- 30. 如何保持文本中的空间转移到新页面?