Question

我一直在做个人投资组合或各种各样的投资组合，而且我一直很开心，但我遇到了一个问题。

基本上，网站的顶部覆盖着相当暗的图像，因此在移动设备上，我在右上角放置了一个白色菜单图标。问题是黑暗图片下面的网站部分有白色背景，所以很自然你看不到菜单图标。

基本上，当我滚动到页面的白色部分时，我想使用jQuery将菜单图标的src从nav-icon更改为nav-icon-black。我该怎么做呢？每当我向后滚动到网站的较暗区域时，我可以将其变回白色吗？

Answer 1

一点点jQuery应该这样做。

你没有提供示例代码或JSFiddle（这是坏事！），但我是一个好人，午夜后的1点钟没有工作，所以我为你做了。

<强> Click here for JSFiddle example.

这只是一些基本的例子，当滚动时顶层超过200px（标题高度）时，会更改固定框div的颜色（在您的情况下将是菜单框）。除此以外盒子会变成白色。

Javascript代码：

$(document).on('scroll', function() {
    if ($(this).scrollTop() > 200) {
        $('#menu-bar').css('background', '#000');
    } else {
        $('#menu-bar').css('background', '#fff');
    }
});

无论如何你想要改变元素的src（我猜它是<img>），你只需要用选择器获取元素并使用{{1}更改src }}

attr()

祝你好运：）

当我使用jQuery滚动到某个div时，如何更改图像的src？

1 个答案: