笔记 | “拾迹”张大侠个人简历模板修改

介绍

最近一直在网上找一款个人简历模板，在经过无所的对比后，发现还是张大侠的个人简历模板效果最好，但该模板个人logo无法显示，加之侧边信息栏随页面一起滚动，遂在网上查询相关教程、予以修改。

代码修改

logo部分

删除以下代码：原24-29行

<script>
    function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
   }
</script>

添加以下代码：75行后

<script type="text/javascript">
      avatar.onload = function() {
            setTimeout(function(){
                document.getElementsByClassName('avatar')[0] .style.display = 'block';
                document.getElementsByClassName('loading')[0] .style.display = 'none';},1000)
       }
</script>

左侧栏固定（手机会产生问题）

原37-46行代码替换为

<section class="side" id="side" style="position: fixed;">
     <label class="switch" style="display: none;" onchange="switchFixed()">
     <script type="text/javaScript">
     function switchFixed(){
     var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
     document.getElementById('side').style.position = value;
     }
</script>