jq滚动插件jquery.nicescroll+定位究竟部
<pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>jq滚动插件jquery.nicescroll+定位究竟部</title>
<style>
.row {
margin: 10px 0;
}
.row>div {
float: right;
width: 460px;
height: 280px;
margin: 0 10px;
border: solid 2px #37418b;
overflow: hidden;
}
.too-long {
width: 600px;
min-height: 1px;
}
.row>div .wrap {
width: 600px;
}
#rtl-native,#rtl-test,#rtl-test-nowrap {
direction: rtl;
}
#ltr-native,#ltr-test,#ltr-test-nowrap {
direction: ltr;
}
#ltr-native,#rtl-native {
overflow: scroll;
}
</style>
</head>
<body>
<button onclick="setPos()">定位究竟部</button>
<div class="row">
<div id="rtl-test">
<div class="wrap">
HTML英语意思是 Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。
用HTML编写的超文本文档称为HTML文档。它能独立于各种操作系统平台（如UNIX，WINDOWS等）。通过HTML，将所须要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML一种能够被广泛理解的语言，“翻译“成能够识别的信息，即全部的计算机都能够理解的一种用于出版的“母语”。
就是我们如今所见到的网页。
自1990年以来HTML就一直被用作ＷＷＷ（是World Wide Web的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，用于描写叙述Homepage的格式设计和它与WWW上其他Homepage 的连结信息。
使用HTML语言描写叙述的文件须要通过WWW浏览器显示出效果。
HTML( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令(Tag)。将影像、声音、图片、文字、动画、影视等内容显示出来。由于它能够从一个文件跳转到还有一个文件。与世界各地主机的文件连接。 超文本传输协议规定了浏览器在执行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在执行超文本时有了统一的规则和标准.
所谓超文本，是由于它能够增加图片、声音、动画、影视等内容，其实每个HTML文档都是一种静态的网页文件，这个文件中面包括了HTML指令代码。这些指令代码并非一种程序语言，它仅仅是一种排版网页中资料显示位置的标记结构语言，易学易懂。很easy。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到还有一个主题。从一个页面跳转到还有一个页面与世界各地主机的文件链接。直接获取相关的主题。例如以下所看到的：
<p><font size="4"> 通过html能够表现出丰富多彩的设计风格：</font></p>
<p><font size="4"> 图片调用：<IMG SRC="文件名称"><br>
文字格式： <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT></font></p>
<p><font size="4"> 通过HTML能够实现页面之间的跳转： </font></p>
<p><font size="4"> 页面跳转：〈A HREF="文件路径/文件名称"></A> </font></p>
<p><font size="4"> 通过HTML能够展现多媒体的效果： </font></p>
<p><font size="4"> 声频：<EMBED SRC="音乐地址" AUTOS</font>TART=true><br>
视频：<EMBED SRC="视频地址" AUTOSTART=true></p>
<p>
从上面我们能够看到HTML超文本文件时须要用到的一些标签。
在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器怎样显示文本。这些标签均由"<"和">"符号以及一个字符串组成。
而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字
属性>”来表示。
</p>
<p> HTML仅仅是一个纯文本文件。创建一个HTML文档，仅仅须要两个工具。一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。
WEB浏览器是用来打开WEB网页文件。提供给我们查看WEB资源的client程序。</p>
※HTML文档属于纯文本文件（它能用随意的文本编写器书写）。
比如,HTML语言可直接使用普通的文本编辑器进行编辑
</div>
</div>
</div>
</body>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery.nicescroll/3.6.0/jquery.nicescroll.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// var nice = $("html").niceScroll(); // The document page (body)
jQuery("#rtl-test").niceScroll({});
});
function setPos() {
var div = document.getElementById('rtl-test');
div.scrollTop = div.scrollHeight;
}
</script>
</html>
