标签 JS 下的文章

顶部滚动条(预览页面剩余长度)

html 代码

<div id="load"></div>
css 代码
#load {
    background-color: #2299dd;
    height: 2px;
    width: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}
js 代码
$(function() {
    function scroll_fn() {
        document_height = $(document).height();
        scroll_so_far = $(window).scrollTop();
        window_height = $(window).height();
        max_scroll = document_height - window_height;
        scroll_percentage = scroll_so_far / (max_scroll / 100);
        $('#load').width(scroll_percentage + '%')
    }
    $(window).scroll(function() {
        scroll_fn()
    });
    $(window).resize(function() {
        scroll_fn()
    })
});

阅读全文

Windows 下解决 atom 插件的安装

下载 atom
如何安装插件:
下载插件后解压到 C:\Users\Yourname\.atom\packages 中
打开 atom
可能会提示缺少 Uncaught Error:Cannot find module 'module name'
command + R -> cmd
npm install module name
若提示 'npm' 不是内部或外部命令
需下载 node.js
每执行一条 npm 命令,重启一次 atom ,直到不再提示报错,则可正常使用已安装的插件。
参考

JS - 关于 close( ) 的一个小 bug

使用 close() 可实现关闭当前页面的效果。
但有时候却又实现不了这个方法。

<button onClick="closeThis()" type="button">关闭当前页面</button>
<script>
function closeThis() {
  window.close();
}
</script>

阅读全文