滚动条

最新推荐文章于 2024-08-31 10:11:32 发布
yee只鸟儿.
最新推荐文章于 2024-08-31 10:11:32 发布
阅读量96
点赞数
分类专栏：笔记
本文链接：https://blog.youkuaiyun.com/yeee1128/article/details/103608280
版权
笔记专栏收录该内容
33 篇文章
订阅专栏
优就业提供个性化求职方案，包括简历修改、面试技巧培训、模拟面试及企业推荐服务。与百度、腾讯等知名企业合作，输送大量互联网人才。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
        *{margin:0;padding:0; }
        .box{width: 200px;height: 400px;border: 1px solid black;overflow: hidden;margin: 100px auto;position: relative;}
        .content{width: 185px;position: absolute;font-size: 14px;}
        .scroll{width: 12px;height: 10px;background: #006;position: absolute;right: 3px;cursor: pointer}
    </style>
</head>

<body style="height: 5000px;">
<div class="box">
    <div class="content">
       
        简历、培训面试技巧、模拟真实面试场景、推荐　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
        简历、培训面试技巧、模拟真实面试场景、推荐　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
        简历、培训面试技巧、模拟真实面试场景、推荐　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
        简历、培训面试技巧、模拟真实面试场景、推荐　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
        简历、培训面试技巧、模拟真实面试场景、推荐　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。　优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
end
    </div>
    <div class="scroll"></div>
</div>


<script src="jquery-1.11.3.min.js"></script>
<script>
    //1.计算滚动条的高度 页面可视区/内容区 = 滚动区/页面可视区
    var height = $(".box").innerHeight()/$(".content").innerHeight()*$(".box").innerHeight();
    $(".scroll").css("height",height);

    $(".scroll").mousedown(function(ev){
        var t = ev.clientY - $(".scroll").offset().top;

        $(document).mousemove(function(ev){
            var y = ev.clientY - $(".box").offset().top-t;

            //限制范围
            if(y<0){y=0;}
            if(y>$(".box").innerHeight()-$(".scroll").innerHeight()){y=$(".box").innerHeight()-$(".scroll").innerHeight()}

            //1.随鼠标移动
            $(".scroll").css("top",y);

            //2.文字等比例的滚动     y/可视区 = ？/整个文字的高度
            $(".content").css("top",-y*$(".content").innerHeight()/$(".box").innerHeight());

        })

        $(document).mouseup(function(){
            $(document).off("mousemove"); //取消移动事件
        });

        return false;

    

    });

</script>
</body>
</html>