javascript - 滚动到页面底部时更改背景位置

标签 javascript jquery css background background-position

嗨,当页面一直滚动到底部时,我需要我的背景位置上升 50px。有什么办法吗?

最佳答案

$(window).scroll(function() {
   //Checking if scrolled to the bottom
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       //Adding background position CSS property to the desired element
       $('.YOUR-ELEMENT-CLASS').css('background-position', '0 50px');
   }

   else {
       $('.YOUR-ELEMENT-CLASS').css('background-position', 'default_values');
   }
});

关于javascript - 滚动到页面底部时更改背景位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27742788/

相关文章:

javascript - 如何从特定列表中删除选中项目的列表

javascript - 如何使用带有连字符的 ES6 导入

javascript - jQuery .each() 仅适用于最后一个元素

html - 带边框图片的表格

javascript - 从 moment js 对象中提取时间

javascript - 如何在整个 Bootstrap 中保持事件链接突出显示?

javascript - 当 anchor 击顶部屏幕时添加类

jquery - 在悬停下拉菜单中添加 CSS3 动画

php - 使结账帐单地址字段填充为可用宽度的 100%

html - 是否可以用波浪结构掩盖一个div