在網頁設計中，有時候我們需要讓某些元素始終固定在頁面的左側或右側，但又不希望這些元素在頁面滾動時離開視線范圍。這時候，我們可以使用 CSS 中的跟隨左右滑動固定技術來實現。

要實現這個效果，首先我們需要定義一個包含需要固定的元素的容器，比如一個 div 元素。然后，在 CSS 中，我們可以使用 position: fixed 屬性來將這個容器固定在頁面的左側或右側，同時使用 left 或 right 屬性來控制容器的位置。

.container {
position: fixed;
left: 0px; /*或者 right: 0px; */
}

這樣，容器就可以始終固定在頁面的左側或右側了。但是，如果頁面發生了滾動，容器也會隨著頁面滾動而移動，這還不是我們想要的效果。為了解決這個問題，我們可以加入一些 JavaScript 代碼，實時計算容器的位置，并通過修改容器的 left 或 right 屬性來讓它始終跟隨頁面滑動。

window.onscroll = function() {
var container = document.querySelector('.container');
container.style.left = (-1 * window.scrollX) + 'px'; /*或者 container.style.right = window.scrollX + 'px'; */
};

上面的代碼使用 window.onscroll 事件來監聽頁面滾動事件，當頁面滾動時，它會實時計算容器應該位于的位置，并將 left 或 right 屬性設置成對應的值，從而讓容器始終固定在頁面的左側或右側。

這樣，我們就可以輕松實現一個跟隨左右滑動固定的效果了。不過需要注意的是，由于這種技術使用了 JavaScript，因此在某些性能較低的設備上可能會出現滑動卡頓的情況，需要謹慎使用。