3
我试图用响应式设计实现scrollTop()函数,但由于某些原因,此代码不起作用。jQuery ScrollTop()函数不工作
以下内容将检查页面是否完全加载,而不是检查页面是否完全滚动。确保页面滚动通过标题后,它会显示一个固定在屏幕顶部的图像,该图像会将页面发送到屏幕的顶部。我的问题是图像不会出现。任何帮助表示赞赏!
$(document).ready(function() {
if ($(document).width() > 650) {
$('#welcome').css('padding-top', $('#header').height() + 50 + 'px');
$(document).scroll(function() {
if ($(document).scrollTop() >= $('#header').height()) {
$('#up-arrow').css('position', 'fixed').css('right', '0');
} else {
$('#up-arrow').css('display', 'none');
}
});
} else {
$('#welcome').css('padding-top', '25px');
}
});
$(window).resize(function() {
if ($(document).width() > 650) {
$('#welcome').css('padding-top', $('#header').height() + 50 + 'px');
$(document).scroll(function() {
if ($(document).scrollTop() >= $('#header').height()) {
$('#up-arrow').css('position', 'fixed').css('right', '0').css('display','block');
} else {
$('#up-arrow').css('display', 'none');
}
});
} else {
$('#welcome').css('padding-top', '25px');
}
});
谢谢!就是这样。 – user1623677