Auto Header For Zhihu

自动知乎顶栏。

  1. // ==UserScript==
  2. // @name Auto Header For Zhihu
  3. // @namespace org.sorz.lab.zhihu
  4. // @include https://www.zhihu.com/*
  5. // @version 0.1
  6. // @grant none
  7. // @description 自动知乎顶栏。
  8. // ==/UserScript==
  9.  
  10. $(document).ready(function() {
  11. var $header = $('.zu-top');
  12. var headerHeight = $header.outerHeight() + 3;
  13. var headerPos = 0;
  14. function toHide(){
  15. headerPos = -headerHeight;
  16. $header.css('top',-headerHeight+ 'px');
  17. }
  18. function toShow(){
  19. headerPos = 0;
  20. $header.css('top', '0px');
  21. }
  22. $(window).scroll(function() {
  23. if($(document).scrollTop() < 10){
  24. toShow();
  25. }
  26. else{
  27. toHide();
  28. }
  29. });
  30. });