Question

我希望页脚停留在屏幕的右下方，但是当我在iPhone上检查网站时，当我向下滚动页脚时，页脚会保持不变，看起来像http://imgur.com/Fgfjg54。有人可以帮忙吗？谢谢你的时间，祝你有个美好的一天！

如果您需要检查网站是否有助于找到解决方案，或者如果您在设备或系统上看到任何错误，那么该网站就是pinzoniradian.com。

HTML：

jQuery(document).ready(function() {  

      // NEED FUNCTION HERE - INSIDE FUNCTION NEED THIS BELOW LINE
      $.bootstrapGrowl("This is a test.");

});

的CSS：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lindsey</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="css/yourCustom.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head> 
<body>
<nav role="navigation" class="navbar navbar-default navbar-static-top">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html" class="navbar-brand" style="color:#000000">Paulo Pinzon-Iradian</a>
        </div>
        <!-- Collection of nav links and other content for toggling -->
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="work.html" style="color:#000000; margin-left:1.5em;">Work</a></li>
                <li><a href="about.html" style="color:#000000; margin-left:1.5em;">About</a></li>
                <li><a href="contact.html" style="color:#000000; margin-left:1.5em;">Contact</a></li>
            </ul>

        </div>
    </div>
</nav>

      <div id="carousel-example-generic" class="carousel slide" data-interval="false">
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="lindsey.jpg" style="width:370px;" alt="lindsey">
            <figcaption>Lindsey</figcaption>
            <figcaption>Damaged iPhone and Image</figcaption>
          </div>
        </div>
        <a class="left carousel-control" href="liferockslifesucks.html" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="malek.html" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

  <footer class="footer">
      <div class="container" style="display: table; height: 50px; overflow: hidden;">
        <p class="text-muted" style="display: table-cell; vertical-align: middle;">&copy; 2013-2015 Paulo Pinzon-Iradian, All Right Reserved</p>
      </div>
    </footer>

</body>
</html>

在iPhone中滚动后，页脚冻结

0 个答案: