滚动到某个点后 jQuery 改变背景

标签 jquery css background-image

我正在制作一个水平滚动网站。 (演示:http://demo.fuelmultimedia.ca)。演示中的滑板车实际上是一个固定的背景图像。

我需要能够在夜幕降临时(基本上是灯亮起)将背景图像更改为不同的踏板车。我如何使用 jQuery 执行此操作?

最佳答案

像这样:

$(window).scroll(function(){
     if($(window).scrollLeft() >= 1234){
          $(body).css('background-image','foo.jpg');
      } else {
          $(body).css('background-image','bar.jpg');
      }

});

关于滚动到某个点后 jQuery 改变背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7457354/

相关文章:

android - 如何设置自定义谷歌地图标记的背景图片?

JavaScript API 将 cron 表达式转换为人类可读的字符串

Javascript 限制将图像显示为 1 个显示器

javascript - 滚动到 Javascript 中的文本位置

css - 没有合适的解决方案来解决背景图片上的 IE 可点击性问题

jquery - 在较小的屏幕上显示图像而不是视频

javascript - 更改流程图的 x 轴单位

php - HTML 到 jQuery 再到 PHP,然后从 PHP 到 jQuery 再到 HTML

javascript - 由于某种原因,图像未在 IE 8 或 IE 9 中显示

html - 如何解决这种奇怪的表格行为?