滚动时如何将文本向左移动？答案

【问题标题】：How do you move text to the left when scrolling?滚动时如何将文本向左移动？
【发布时间】：2017-10-23 18:12:19
【问题描述】：

我正在做一个 shopify 商店，我想要与 https://www.carbonbeauty.com/ 类似的效果。我以前从未使用过 css，但我想知道当您开始滚动时它们如何将文本向左移动。

【问题讨论】：

查找一些关于视差滚动效果的信息会让你找到正确的方向，尽管如果你从未使用过 CSS 可能需要做更多的工作。 codepen.io/rachsmith/post/…
StackOverflow 更多的是帮助有特定编码问题的人，而不是帮助人们谷歌搜索问题。话虽如此，这些one 和two 链接可能会帮助您指明正确的方向。

【解决方案1】：

使用类似这样的方法，您可以在其中定位具有要移动的文本的元素，并且可以使 wScroll 为正或负以将其向左或向右移动：

enter code here



$(document).ready(function () {
    $(window).scroll(function () {
        var wScroll = $(this).scrollTop();

        //parallax for the main title

        $('element you want to move').css({
            'transform' : 'translateX('wScroll+'px)'
        });
    });
});

【讨论】：

您可能还需要更改项目移动的速度，您可以通过将 wscroll 除以或乘以翻译声明中的另一个数字来实现。