滑屏进度条实现以及夸扬关

2018-11-23 约 1064 字 预计阅读 3 分钟

经过一个网站,看到滑屏的时候有个进度条提示,似乎挺有效果。记得w3school曾经讲过这个。

稍加修改,做在我这个模板里面。

滑屏进度条实现

先设置css

.progress-container {
  display:none;
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
  width: 100%;
  height: 4px;
  background: #ccc;
}

.progress-bar {
  height: 4px;
  background: #f44336;
  width: 0%;
}

再在页面弄个div

<div class="progress-container" id="scrollbar">
	<div class="progress-bar" id="progress-bar"></div>
</div>  
然后加入javascript来处理滑屏事件
<script>

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;
  document.getElementById("progress-bar").style.width = scrolled + "%";
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("scrollbar").style.display = "block";
    } else {
        document.getElementById("scrollbar").style.display = "none";
    }    

}


</script>

一个小的进度条就实现了。可以有变化,比如这个进度条弄成渐变色的,不过我也不需要这么花哨。如此就好。


通关文之夸扬关

老祖曰:多言数穷,不如守中。
至圣曰:君子欲讷于言而敏于行。
《玉枢经》曰:以诚而入。
古仙曰:知者不言,言者不知。
此皆教人诚实用功,而不可虚张声势也。
夫修真之道,至精至细,最详最深,必须审问慎思,极深研几,功力日久,而后见真。
必须志念坚固,脚踏实地,愈久愈勤,而后得真。
非可以似是而非、隔靴瘙痒,草草了事;非可以轻薄自满、空搭虚桥而已。
若明道稍有些儿恍惚,行道稍有些儿悬虚,不但不能行,而且不能知。
故学道者,期必至於真知确见、真履实践为贵欤。
世间糊涂学人,学下几个功夫,自负有道,数黄道白,人前混说乱讲;做过几日搬弄,见的有些效验,自谓得道,装模做样,目中无人。
凡此皆是卖弄精神,以不知为知,以不是为是,自夸其能,虚沽其名。
殊不知性命之学,原是为己,非是为人;原是顾内,非是顾外。
当未闻道之时,急欲求其知,须要细心辨别以穷理。
及其闻道之后,急欲求其行,须当潜修密炼以用功,始终一味,诚心办事,别无二念。
所谓用志不分,乃凝於神,更何有闲暇工夫在人前夸能喧扬,沽名钓誉哉?
吾劝真心学道者,速将夸扬关口打通。
如愚如讷,谨言慎行,莫持己长,莫图虚名,以性命为重,真心实意前行。
未闻道者低头学道,已闻道者低头修道。
若到功果完满之时,至诚前知,神通广大,自不夸而人俱夸,自不扬而人皆扬。
方且百世而后,说者称奖,闻者仰慕,永传不朽,何须自夸自扬,以图虚名哉?
否则,无而为有,虚而为盈,自是自足,欺己欺人,妄想成道,难矣。

此关即是目下流行的“低调”,多年前有机缘证到些许内景,一讲出来就不可再见,正是此关,当年不晓。

其实以灵宝定观经之得道七候而论,仅第一候:心得定易,觉诸尘漏便不易达到。

此候何意?任何变化心均定在观照的状态下,所谓泰山崩于前而不变色。视而不见,听而不闻。

并非想象中那么容易,隋唐第一条好汉李元霸就是惧怕雷声,固然是小说,但也可知此候对于寻常人几乎也是难以企及的。

故此观之,若未有得道七候,也无可夸扬之处。此关过法,仍是虚心实腹可也


author

本文由Jesse Lau原创

2012年定居新西兰至今,自由职业者,从事网站和程式交易,曾获得Dukascopy外汇程序交易比赛2届月度冠军(id:Tradingwithea).
本文采用知识共享署名 4.0 国际许可协议进行许可。


留点评论吧:

本网站使用cookie技术以提高用户体验度。 了解我们的隐私政策 我已了解