rabbbit
V2EX  ›  问与答

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

  •  
  •   rabbbit · Jan 1, 2019 · 2085 views
    This topic created in 2755 days ago, the information mentioned may be changed or developed.

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

    测试用的浏览器是 chrome 71

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

    大概是这段?

    你们拉滚动条会卡住吗?

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

    Supplement 1  ·  Jan 1, 2019
    把背景缩小一点就好了...
    结贴
    Exia
        1
    Exia  
       Jan 1, 2019   ❤️ 1
    不会卡,但是我打开没有像你发的背景图啊?所以也看不出来那种高斯模糊的感觉,对了,顺便请教怎么做那种毛玻璃的效果,看过一些,做起来好像有点复杂?
    rabbbit
        2
    rabbbit  
    OP
       Jan 1, 2019
    @Exia 移动端有问题就把背景去掉了,背景要用电脑看才会显示.
    Exia
        3
    Exia  
       Jan 1, 2019
    @rabbbit 我就是电脑打开的。
    rabbbit
        4
    rabbbit  
    OP
       Jan 1, 2019
    @Exia 挂在 Github 上,那张图挺大的,估计被墙干扰了吧
    Exia
        5
    Exia  
       Jan 1, 2019
    @rabbbit https://aaron-bird.github.io/Lactuca/img/bg.jpg 这图嘛,刚把网页放到大的屏幕上,笔记本上刚好打开会不显示背景,外接屏幕就显示了,而且有了背景图滑动有些卡,毛玻璃效果是用 hsla css 做的?
    Exia
        6
    Exia  
       Jan 1, 2019
    @Exia 不过有研究了一下,没那么简单的调一两个属性,打扰楼主的帖子了。
    dfourc
        7
    dfourc  
       Jan 1, 2019   ❤️ 1
    没有卡 挺好
    dfourc
        8
    dfourc  
       Jan 1, 2019
    同 chrome71
    rabbbit
        9
    rabbbit  
    OP
       Jan 1, 2019   ❤️ 1
    @Exia 玻璃用了这几个属性
    border-top 顶上的高光 b
    ox-shadow inset 内圈亮光 和右下的阴影
    background(linear-gradient) 线性渐变
    backdrop-filter(blur) 模糊效果(仅 safari 支持)
    Exia
        10
    Exia  
       Jan 1, 2019
    @rabbbit 感谢,没帮上忙还提问了楼主,献上 10 个铜币
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2928 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 06:38 · PVG 14:38 · LAX 23:38 · JFK 02:38
    ♥ Do have faith in what you're doing.