Bootstrap4：修复和淡入页面底部的页脚
试图让我的页脚停留在底部并让它在滚动到页面底部时淡入（如果可能的话）。所以它不会是可见的，直到你一直滚动到最后。
实际上它停留在页面的顶部。
编辑：我只是尝试使用下面的代码，但它不会显示为“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');
}
}
}
现在页脚只是在内容的底部，而不是在页面的底部......
汪汪一只猫1回答
随时随地看视频慕课网APP
相关分类
JavaScript