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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2147 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

测试用的浏览器是 chrome 71

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

大概是这段?

你们拉滚动条会卡住吗?

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

第 1 条附言 · 2019-01-01 16:53:44 +08:00

把背景缩小一点就好了...
结贴

滚动

下拉

卡住

条时会

10 条回复

Exia

2019-01-01 14:38:16 +08:00

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

rabbbit

2019-01-01 14:40:32 +08:00

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

Exia

2019-01-01 14:45:41 +08:00

@rabbbit 我就是电脑打开的。

rabbbit

2019-01-01 14:50:03 +08:00

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

Exia

2019-01-01 15:08:25 +08:00

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

Exia

2019-01-01 15:21:31 +08:00

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

galikeoy

2019-01-01 15:27:28 +08:00

没有卡挺好

galikeoy

2019-01-01 15:28:13 +08:00

同 chrome71

rabbbit

2019-01-01 15:28:41 +08:00

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

Exia

2019-01-01 15:31:26 +08:00

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