CSS3的滚动距离（Scroll distance）是指网页上元素在滚动时的偏移量。通过CSS3的transform属性，我们可以实现元素的平移、缩放和旋转等动画效果。而其中，平移效果就可以用来实现滚动距离效果。

下面是使用CSS3实现滚动距离的代码：

.scroll {
width: 400px;
height: 400px;
overflow: auto;
}
.scroll-inner {
width: 100%;
height: 1000px;
background-color: #ccc;
position: relative;
}
.scroll-inner p {
position: absolute;
}
.scroll-inner p:nth-child(1) {
top: 0;
left: 0;
transform: translateY(0);
}
.scroll-inner p:nth-child(2) {
top: 100px;
left: 0;
transform: translateY(-100px);
}
.scroll-inner p:nth-child(3) {
top: 200px;
left: 0;
transform: translateY(-200px);
}
.scroll-inner p:nth-child(4) {
top: 300px;
left: 0;
transform: translateY(-300px);
}

在这个代码中，我们首先创建了一个容器，设置了它的宽和高，并将overflow属性设置为auto，以实现滚动效果。

然后，在容器中创建一个内部容器，给它设置一个很高的高度，并将它的position属性设置为relative，以便子元素在它的基础上进行定位。

接下来，我们在内部容器中创建了四个子元素，它们的位置以及transform属性分别对应了不同的滚动距离。通过这个方法，我们可以实现不同位置的元素滚动时的错位效果。

以上就是使用CSS3实现滚动距离的简单方法。当然，在实际应用中，需要结合JavaScript来实现更加灵活和精细的控制。