Javascript <；部门>；下面是高斯模糊

我有投资组合网站，我需要做以下工作：

我需要

停靠在页面左侧，其行为类似于“磨砂玻璃”（请参阅）

为了更好地理解我想要看到的内容：您可以看到左侧半透明的菜单边栏。我还需要使侧边栏类似于“磨砂玻璃”，这样在侧边栏区域内滑动的图像将变得模糊

模糊=高斯模糊

---

我尝试了一切：SVG过滤器、webkit之类的东西、不同的js、jquery，但它们并没有完全满足我的要求：（它们只对图像或div应用了一次模糊效果。但我需要的是在滚动图像的同时，继续这样做。

blur.js可能就是你想要的

它也适用于移动div，这满足了您的预设

请看可拖动的示例

$('.target').blurjs({
    draggable: true,
    overlay: 'rgba(255,255,255,0.4)'
});

---

Blur.js可能就是您想要的

它也适用于移动div，这满足了您的预设

请看可拖动的示例

$('.target').blurjs({
    draggable: true,
    overlay: 'rgba(255,255,255,0.4)'
});

---

blurjs只复制需要在blurring div中模糊的背景。因此，在这种情况下，可以使用CSS和HTML进行模糊处理，因为它实际上也是如此。看一看

---

blurjs和我刚才给你的解决方案的问题是，你将无法模糊变化的背景，例如幻灯片。当你只需要它是“可滚动的”时，它就会起作用，你只需要固定你的背景。

blurjs只会在模糊分区内复制需要模糊的背景。所以我在这种情况下，使用CSS和HTML是可能的，因为它实际上也是这样做的

---

blurjs和我刚才给你的解决方案的问题是，你将无法模糊变化的背景，例如幻灯片。当你只需要它是“可滚动的”时，它就可以工作，你只需要固定你的背景。

签出没有简单的方法可以做到这一点。也许签出你能发布你到目前为止所做的事情吗即使它不起作用？签出没有简单的方法可以做到这一点。也许签出你能发布你到目前为止所做的即使它不起作用吗？但它只对静态背景有效，而我有很多图像在我的div下滑动，但它只对静态背景有效，而我有很多图像在我的div下滑动