js实现简单的垂直滚动条

渲染：

代码如下：

！文档类型HTML HTML标题元字符集=' UTF-8 '标题垂直滚动条/标题样式类型='文本/CSS '。con { width : 350 px高度： 600 px；border: 1px实心鞍褐色；相对位置：飞越：隐藏；} .txtBox{ position:绝对值；左填充left: 8px填充-右侧： 36px；left: 0pxtop : 0；} .bar { width: 26px高度： 100%；背景gainsboro绝对位置：top : 0；right : 0；} .drdap { width : 100%；高度： 100像素；背景：钢蓝色；border-radius : 10px；绝对位置：cursor:指针；left : 0；top : 0；}/style/head body div class=' con ' div class=' txt box '人的一生至少有两种冲动，一种是边走边聊的旅行，一种是无忧无虑的爱情。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？人的一生至少有两种冲动，一种是在他说要离开的时候去旅行，另一种是在他绝望的时候去爱。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？br/人的一生至少有两种冲动，一种是边走边聊的旅行，一种是无忧无虑的爱情。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？br/人的一生至少有两种冲动，一种是边走边聊的旅行，一种是无忧无虑的爱情。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？br/人的一生至少有两种冲动，一种是边走边聊的旅行，一种是无忧无虑的爱情。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？人的一生至少有两种冲动，一种是在他说要离开的时候去旅行，另一种是在他绝望的时候去爱。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。你有这样的冒险经历吗？br/人的一生至少有两种冲动，一种是边走边聊的旅行，一种是无忧无虑的爱情。如果你厌倦了现在的生活，冒险之旅是你的解药。免费落地签证已经开放。来到迪拜#穿越沙漠海洋，感受异国的多元文化，或许收获一份真挚的爱情，结束单身的岁月，在生活中镌刻一个又一个精彩的旅行故事。

朱庇特朱庇特朱庇特阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹？朱庇特朱庇特朱庇特朱庇特阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹，云娥？云娥。你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你是说.菲兰达，奇尔#阿久#范仲裁庭，唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔唔，吕惠卿是吕惠卿还是吕惠卿，朱庇特先生，你是谁？你是谁。朱庇特朱庇特朱庇特阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹？/div class=' bar ' div class=' drdap '/div/div/div/body脚本类型=' text/JavaScript ' var with=document。查询选择器(').与；var txtbox=文档。查询选择器(“”).txt box '；var bar=document.querySelector(').酒吧);var drdap=文档。查询选择器(“”).(d)非洲发展新伙伴关系；//阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉阿吉=是魏冄/魏冄*魏冄drdap。风格。高度=con . offset heat/txt box。偏右* con .偏右' px "；drdap。onoe down=function(ev){ var disy=ev。客户端-drdap。偏移；文件。onemove=function(ev){ var curry=ev。客户-disy；if(curry 0){ curry=0；} if(curtybar。偏右-drdap。右边){咖喱=酒吧。偏右-drdap。偏右；} drdap。风格。top=currty ' pxvar scaled=curry/(bar。偏右-drdap。右偏)；控制台。日志(txtbox。偏右*鳞状)txtbox。风格。top=鳞状*(带。偏右-txtbox。offset theight)“px”}文档。onou up=function(ev){ document。onouemove=null}返回false }/脚本/html朱塞佩朱塞佩朱塞佩朱塞佩，-你好-你好-你好，吴亚玲吴亚玲吴亚玲！