您现在的位置是:首页 > 网站制作 > jQueryjQuery
第一屏滚动全屏
林剑伟2024-02-18【jQuery】人已围观
简介第一屏滚动全屏
$(function() {
var dqgd = $(window).height();
var dqgdjl = $(window).scrollTop();
var flag = true;
$(window).scroll(function() {
if (dqgdjl < dqgd) {
if (flag) {
if ($(window).scrollTop() > dqgdjl) {
$("html,body").stop().animate({
scrollTop: dqgd
}, 500);
dqgdjl = dqgd;
flag = false;
setTimeout(function() {
flag = true;
}, 500)
console.log(1111, flag, dqgdjl, dqgd)
} else {
$("html,body").animate({
scrollTop: 0
}, 500);
dqgdjl = 0;
flag = false;
setTimeout(function() {
flag = true;
}, 500)
console.log(2222)
}
} else {
dqgdjl = $(window).scrollTop();
}
} else {
dqgdjl = $(window).scrollTop();
}
});
})
Tags:
很赞哦! ()
随机图文
jQuery修改DOM结构
添加DOM要添加新的DOM节点,除了通过jQuery的html()这种暴力方法外,还可以用append()方法,例如:<div id="test-div"> <ul> <li><span>JavaScript</span></li> <jQuery 选择器
关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。JS中【async】和【defer】属性详解与区别
理解浏览器如何处理JavaScript以及相关的async和defer属性对于前端开发是非常重要的。以下是相关知识点的详细讲解: