17.尚硅谷_jQuery_scroll.avi原创

我们往下看一个啊，关于位置的还有一个。这什么东西啊，Sc top sc什么东西，SC什么意思啊，滚动啊，为什么还有top和left的了。一个是垂直滚动，一个是什么水平滚动，哪个比较居多呀，哪个比较居多，垂直滚动比较多，所以我们主要来去说垂直滚动，那水平滚动是不是一个意思，嗯，我们主要来说啊，这个滚动来看一下。这有个页面，这个滚动呢，也分为啊，在整个窗口它的滚动条的滚动，以及我们某一个div的滚动。能理解吧，好，我们这里面啊一有两个按钮。看一下啊，来这里面呢，有两个需求，我们来根据这个需求来去写就行啊，不用想太多。

好，现在看第一个，他说得到div，得到div，或者是页面滚动条的什么坐标，那应该是X的坐标还是Y的坐标。啊，那肯定是Y轴坐标，因为现在是什么垂直滚动嘛，对不对啊，这个时候啊，我们来看一下怎么说呢。啊，这个top既可以去获取啊，Y坐标也可以去设置Y坐标啊。你看读取或者什么设置滚动条的Y坐标。来啊，这四件都存在这个点睛里面。

搞一下它，它是一个ID是吧？啊搞法都一样，没什么太大好说的，好先说我们来整，先整div，整div啊这里不有一个div吗。就一个吧，是吧，那很简单啊，其实非常简单啊，说说导到这个什么div，接着怎么样得到它的滚动条的纵坐标呢？点screw top行吗？是不是要执行这个方法？啊，我们先来看一下他行不行啊，先看一下他再搞别的。来试一下啊，先滚动一点是不是啊，先不滚动看看啊，再刷一下不滚动应该现在是几。

鸡，你对不对，我再拉动你有没有有吧，嗯，这个没问题，很好，下面这个啊，那这一个关键是这一个我通过哪个元素去找了，大家想我的div的滚动条是不是很明确，那我要页面的滚动条呢。是吧，现在就遇到一个矛盾了，我去找哪个元素呢？是去找啊，有两个元素可能选择第一个HTM，第二个是。也就是说，现在面临一个选择到底是谁的问题是吧？好来，我们不管那么多，我们先搞一个是吧。先我就搞H代码吧，行不行接着干嘛？

点打印输出一下是吧，看一下呗，没问题吧，哪里先看看。现在肯定都是你没问题是吧，划到你走你。还是零是不是没用啊，对不对，那我赶紧换一个。记住啊，这个H呢，现在是不是零了，换成什么五零。好，来啊，现在是有的吧，有了走有没有事？说明是谁博好博是不是，那我现在呢，我不用浏览器了，我用IE浏览器。F3。是吧，来先滚动一点，是不是接着呢，走你。

完蛋的玩意。是李娜，那不行，赶紧换一下，换什么HTM。刷一下是吧，找你有没有事。费了心了，先生，怎么回事啊？是不是浏览器它取的不太一样啊？那我现在想去兼容两个浏览器，我该怎么写呢？你想想看，它总是有一个有值，有一个为零，是不是有一个有值，有一个为零，你说我该怎么办干嘛？嚯啊，加不就得了吗？可以吧，可以啊，但是呢，可以也可以这么写啊，也可以这么写，怎么写呢，大家看到啊，写一下大家就知道了，document.document element。

这个实际上是谁HTM，那当然你这里面也可以这么写啊，Document，诶这个document是小写的是吧？点玻璃哪个效率高，下面的效率高，因为你上面的先要根据这个选择器找到那个动元素，再将动物元素包装为极块对象，他要找而我不用找。能不能懂我啊，等于说这个差别到底明不明显，一点都不明显啊，不会说，因为你想想看嘛，你要整一个选择器就慢了很多，那选择器还能用哦。

但是还是那个是啊，你得有点追求，得自己有这个意识。它的区别大不大是他的事，但是你得知道是有区别。这种意识你要不具备的话，那后面就很难办了啊。这个可以吧，这种搞法是不能去干嘛去。兼容IE和什么Chrome对不对，无论你是IE还是Chrome都可以。好，所以说是得到滚动条的坐标，那既然可以得，这样可以什么设置？复制一个。啊，这个是B啊好，我来去设置一下div的，那这个好做，先找到那个什么div，接着就调用sc top传一个，譬如说传一个200可以吧。

可以好了，那我要想让页面滚动到300怎么办？页面的滚动条。那我有涉及到我又该怎么写的问题。啊，我后面的后面知道怎么写300，呃，关于这里面怎么写。比如说。老师，能不能把这两个加起来呀？那么肯定不能啊，那两个对象怎么加呀？再卖。你不就是有可能是H下面有效果，有可能是玻璃有效果，是不是，是不是喜欢并集啊。逗号。能不能懂，是不是肯定有一个有效啊，能不能懂啊，OK，这样的话就没问题了啊，你不要告诉我，你把这两把这两个搞起来，里面加个逗号，那肯定不行啊，对吧？啊，这是选择器对不对。

这是选择器啊好来我们来看一下，看看行不行，对不对啊，瞄眼就行，走你好了，来先滚到上面，一点都滚到上面是吧，接着走你。这上面有没有动动了，好，这里有没有动动了，可不可以可以来看一下这个。啊，先刷一下啊，刷一下以后呢，把它拖到上面走，你动了吧，懂了这个动了没有，可不可以可以so easy。就这么简单啊。哎，我们做这种。