一个div先隐藏,滑动到指定位置显示
时间: 2024-03-17 09:43:50 浏览: 216
一个js实现的所谓的滑动门
可以使用jQuery实现此效果。首先,将该div的display属性设置为none,即隐藏该div。然后,使用jQuery的scrollTop()方法获取当前页面的滚动距离,当滚动距离达到指定位置时,使用show()方法显示该div。
以下是示例代码:
HTML:
```html
<div id="myDiv" style="display:none;">这是要显示的内容</div>
```
JS:
```javascript
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(); // 获取当前页面滚动距离
if (scrollTop >= 200) { // 当滚动距离达到200px时,显示myDiv
$('#myDiv').show();
}
});
```
在这个例子中,当页面滚动距离达到200px时,myDiv会被显示出来。
阅读全文