介绍

最近一直在网上找一款个人简历模板，在经过无所的对比后，发现还是张大侠的个人简历模板效果最好，但该模板个人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>

预览与下载

修改前DEMO：https://itsay.gitee.io/resume/
修改后DEMO：https://oduang.github.io/resume/
github仓库：https://github.com/oduang/resume/

致谢

向原作者致谢：https://gitee.com/itsay/resume

版权属于：oduang

本文链接：https://www.oduang.com/wz/263.html

转载时须注明出处及本声明，谢谢合作！