[问题 vue]网页加载完毕后,往下拉滚动条时会卡住

[rabbbit]

页面地址在 https://aaron-bird.github.io/Lactuca/

测试用的浏览器是 chrome 71

网页加载完后首次往下拉滚动条,总是在这个位置卡一下

大概是这段?

你们拉滚动条会卡住吗?

就一个页面也没多少东西,到底是哪出了问题...

[Exia]

不会卡，但是我打开没有像你发的背景图啊？所以也看不出来那种高斯模糊的感觉，对了，顺便请教怎么做那种毛玻璃的效果，看过一些，做起来好像有点复杂？

[rabbbit]

@Exia 移动端有问题就把背景去掉了,背景要用电脑看才会显示.

[Exia]

@rabbbit 我就是电脑打开的。

[rabbbit]

@Exia 挂在 Github 上,那张图挺大的,估计被墙干扰了吧

[Exia]

@rabbbit https://aaron-bird.github.io/Lactuca/img/bg.jpg 这图嘛，刚把网页放到大的屏幕上，笔记本上刚好打开会不显示背景，外接屏幕就显示了，而且有了背景图滑动有些卡，毛玻璃效果是用 hsla css 做的？

[Exia]

@Exia 不过有研究了一下，没那么简单的调一两个属性，打扰楼主的帖子了。

[galikeoy]

没有卡 挺好

[galikeoy]

同 chrome71

[rabbbit]

@Exia 玻璃用了这几个属性
border-top 顶上的高光 b
ox-shadow inset 内圈亮光 和右下的阴影
background(linear-gradient) 线性渐变
backdrop-filter(blur) 模糊效果(仅 safari 支持)

[Exia]

@rabbbit 感谢，没帮上忙还提问了楼主，献上 10 个铜币