为了账号安全,请及时绑定邮箱和手机立即绑定

Bootstrap4:修复和淡入页面底部的页脚

Bootstrap4:修复和淡入页面底部的页脚

汪汪一只猫 2021-06-16 14:33:55
试图让我的页脚停留在底部并让它在滚动到页面底部时淡入(如果可能的话)。所以它不会是可见的,直到你一直滚动到最后。实际上它停留在页面的顶部。编辑:我只是尝试使用下面的代码,但它不会显示为“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 回答

  • 1 回答
  • 0 关注
  • 150 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信