小编O'N*_*iel的帖子

我制作了一个包装器，其中我在他们的 Airpods Pro 页面上制作了与 Apple 相同的效果。它基本上是一个视频，当我滚动视频时一点一点地播放。视频的位置是固定的，因此文本可以很好地滚动。但是，文本仅在特定分区的偏移量（文本显示）之间时才可见。

那部分工作正常。现在我希望当用户滚动到视频的结尾并因此完成动画时，视频效果包装器从固定位置转到相对位置。因此该网站将在 video-animation 之后正常滚动其内容。

JSFIDDLE 代码 + 演示

这是我已经尝试过的示例：

        //If video-animation ended: Make position of video-wrapper relative to continue scrolling
        if ($(window).scrollTop() >= $("#video-effect-wrapper").height()) {
            $(video).css("position", "relative");
            $("#video-effect-wrapper .text").css("display", "none");
        }

这种作品......但一切都是顺利的。并且还需要可以向后反向滚动网页。

我在尝试解决此问题时遇到的问题：

• 滚动和从固定到相对的过渡需要感觉自然流畅
• 包装器本身不是固定的并且包含 .text 元素，视频是固定的，因此 .text 元素可以覆盖视频元素（创建效果）。这些 .text 元素会导致试图找到解决方案的问题

所以,我从Bitbucket导入了另一个项目并尝试使用它启动它php artisan serve,我总是得到这个错误:

[LogicException]                                                                   
  Key path "file:///var/www/html/DesignViewer5/storage/oauth-private.key" does not   
  exist or is not readable                                                           

我自己创建项目时没有收到此错误,我无法运行任何其他命令.我试过'php artisan key:generate',并得到完全相同的错误.

我试过:composer update,得到了这个:

Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 0 installs, 1 update, 0 removals
  - Updating spatie/laravel-permission (1.11.1 => 1.12.0) Downloading: 100%         
Writing lock file
Generating autoload files
> Illuminate\Foundation\ComposerScripts::postUpdate
> php artisan optimize


  [LogicException]                                                             
  Key path "file:///var/www/html/DesignViewer5/storage/oauth-private.key" doe  
  s not exist or is not readable                                               


Script php artisan optimize handling the post-update-cmd …

我有两张表，一张名为sale，一张名为voucher。销售包含一个purchase_date，凭证表包含一个 ID（我正在从问题中删除不相关的数据）。

我从数据库中选择 coupon.ID 和 sale.purchase_date，然后按日期降序对它们进行排序。

select  voucher.id, sale.purchase_date
    from  voucher
    inner join  sale  ON sale.id=voucher.sale
    order by  sale.purchase_date desc;

这一切顺利：

但我得到了很多行作为结果。为了避免网页上的初始加载时间过长，我想以五个部分加载结果。为此，我在 MySQL 中使用LIMITand commando。OFFSET

select  voucher.id, sale.purchase_date
    from  voucher
    inner join  sale  ON sale.id=voucher.sale
    order by  sale.purchase_date desc
    limit  5 offset 0;

这看起来可行……但实际上它打乱了顺序。

做的时候

• LIMIT 5 OFFSET 0，我期望ID：92,91,62,63,64（基于上图）
• LIMIT 5 OFFSET 5，我期望 ID：65、66、67、68、69
• LIMIT 5 OFFSET 10，我期望 ID：70、71、72、73、74
• ...

但行以不同的顺序返回：

不知何故，当使用偏移量和限制时，id 为 60 的行会以某种方式在前 5 个结果中获取。

使用偏移量和限制从查询中加载结果的最正确方法是什么？

SQLFiddle。