试图让我的页脚停留在底部并让它在滚动到页面底部时淡入(如果可能的话)。所以它不会是可见的,直到你一直滚动到最后。实际上它停留在页面的顶部。编辑:我只是尝试使用下面的代码,但它不会显示为“slowReveal”...我在页面底部包含了页脚,在您编写时编辑了页脚并添加了我的 css 文件。<!doctype html><html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/tarraps_stylesheet.css"> <link rel="stylesheet" href="js/bootstrap.js"> <link rel="stylesheet" href="js/jquery-3.4.0.min.js"> <!-- Bootstrap for Glyphicons --> <!-- jquery js --> <script src="https://code.jquery.com/jquery-3.3.1.slim.js"></script> <script>$(document).ready(function() { function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; return ((elemTop <= docViewBottom) && (elemTop >= docViewTop)); } function checkScrolling() { if (isScrolledIntoView($('.myFooterClass')) == true) { if ($('.myFooterClass').hasClass('slowReveal')) { /**/ } else { $('.myFooterClass').addClass('slowReveal'); } } else { if ($('.myFooterClass').hasClass('slowReveal')) { $('.myFooterClass').removeClass('slowReveal'); } } }现在页脚只是在内容的底部,而不是在页面的底部......
添加回答
举报
0/150
提交
取消