在 HTML 中使用滑动特效通常需要使用 CSS 中的动画效果和 JavaScript 中的事件监听。其中，关键词包括：
下面是一个简单的例子，实现了当页面滚动到指定位置时，页面中的元素产生滑动效果：
HTML 代码：
<div class="box">滑动特效</div>CSS 代码：
.box {
position: relative;
left: 0;
transition: left 1s ease-in-out;
}
.box.slide {
left: 100px;
}JavaScript 代码：
window.addEventListener("scroll", function() {
var box = document.querySelector(".box");
var position = box.getBoundingClientRect();
var viewportHeight = window.innerHeight;
if (position.top <= viewportHeight * 0.5) {
box.classList.add("slide");
}
});在这个例子中，我们使用了 CSS 中的 transition 属性和 transform 属性，来实现元素从左到右的滑动效果。JavaScript 中的 window.addEventListener() 用于监听滚动事件，当页面滚动到指定位置时，即元素的位置距离视口顶部的距离小于等于视口高度的一半时，就会添加 slide 类名，触发 CSS 的动画效果。