Question

我有一个内容DIV，它位于页面底部。

它的HTML和CSS如下所示：

FileOutputStream fos = new FileOutputStream("Binary.txt");
fos.write(array );
fos.close();

我的问题是，当页面向下滚动到页面底部或靠近页面底部时，我需要隐藏此固定栏。

这是我在jquery中尝试的方式：

<div class="footer-fix">
    <p>This is its contents......</p>
</div>

.footer-fix {
    background: rgba(255,255,255, 0.6);
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    padding: 12px;
    border-top: 1px solid #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

但这不适合我。任何人都能说出这有什么问题。

希望有人可以帮助我。谢谢。

Answer 1

在(条件下)左右($(window).scrollTop() + $(window).height() > $(document).height() - 100)，if丢失

＆＃13;

$(document).ready(function() {
  var footer = $('.footer-fix');
  $(window).scroll(function() {
    if (($(window).scrollTop() + $(window).height() > $(document).height() - 100) 
        && footer.is(':visible')) {
      footer.stop().fadeOut(300);
    } else if (($(window).scrollTop() < $(document).height() - 100) 
               && footer.is(':hidden')) {
      footer.stop().fadeIn(300);
    }
  });
});

＆＃13;

body {
  height: 520px;
}
.footer-fix {
  background: rgba(255, 255, 255, 0.6);
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding: 12px;
  border-top: 1px solid #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div class="footer-fix">
  <p>This is its contents......</p>
</div>

＆＃13;

Answer 2

我不确定你为什么要if, else if

还可以尝试将if, else更改为$(document).ready(function() { var footer = $('.footer-fix'); $(window).scroll(function() { if(($(window).scrollTop() + $(window).height()) > ($(document).height() - 100) && footer.is(':visible')){ footer.fadeOut(300); } else { footer.fadeIn(300); } }); });并修复该语法错误 -

import csv
import string
import random


def id_generator(size=8, chars=string.ascii_uppercase + string.ascii_lowercase + string.digits):
    return ''.join(random.choice(chars) for _ in range(size))

with open('usernames.csv', 'r') as csvinput:
    with open('usernameandpassword.csv', 'w') as csvoutput:
        writer = csv.writer(csvoutput, lineterminator='\n')
        reader = csv.reader(csvinput)

        all = []

        for row in reader:
            row.append(id_generator())
            all.append(row)

        writer.writerows(all)

页面在jquery中向下滚动时隐藏内容

2 个答案: