解决两个需要:
一个是从一个页面跳到B页并滚动到页面上的任何地方;
第二个是单击B页面中的一个元素,并滚动到页面中的任何
位置。
如何解决当然,这很简单,用锚。
首先,在页面上
创建一个锚
点击跳转
然后在B页上定义这个锚点。
…
这里有大量
文本,将页面打开,并推出滚动条。
…
卷在这里
…
再加一点文字
…
好的,测试,好吗!在过去,它滚动到
浏览器的顶部吗
实际
情况往往是被生产人员削减的一页。这个产品突然说它需要添加一个
函数,它需要滚动到某个地方,但是这个地方是div,没有锚点。
创建一个锚会占用
网页的
空间,
影响页面布局,这又如何呢我们创建一个隐藏锚尝试,隐藏锚不占用空间。
继续:如果我让B页面的滚动没有
显示在这里,它是显示:没有,那么你能在这里滚动吗尝试
…
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
不,IE可以
工作,Firefox不给它一点。
我们能不能改变思维方式,分配一个身份证给这里的锚尝试
…
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
好,成功!它看起来像它的改变成ID,现在试图改变锚区的一个好
方法 …
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
好,成功!这将解决问题,不需要插入一个锚,只是添加了一个ID的DIV。
接下来,解决第二个需求,单击B页面中的一个元素并滚动到指定的位置。
首先,建立在b.html顶部的锚点,指向DIV滚动。
点击这里跳转到这个页面
…
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
好,成功!所以,如果你想按一下按钮按钮滚动到指定的位置按钮不能添加链接,只有曲折的解决方案。
首先建立一个隐藏的点,然后点击按钮添加一个onclick事件,然后调用锚事件点击JS,通过曲线救国。
功能click_scroll(){
document.getelementbyid(anchor_scroll )Click();
}
点击这里跳转到这个页面
…
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
好,成功!由于按钮可以成功,其余的将是好的,和IMG,div可以做到。
还有另一种方式做它通过jQuery氨化的
动画的方法,我把代码
功能click_scroll(){
无功scroll_offset = $(# POS)(。偏移); / /获得POS div层偏移,包含两个值,顶部和左侧
$(主体,HTML )。
让身体scrollTop scrollTop:scroll_offset.top / / POS等于顶部,实现滚动
},0);
}
…
这里有大量文本,将页面打开,并推出滚动条。
…
卷在这里
隐藏后,滚动到这里
…
再加一点文字
…
好,成功!这种方法的优点是
控制轧制
速度,0以上的蓝色是控制速度,0是直接意义,它被设定为1000。
您可以看到它正在缓慢地滚动到POS,如果
设置为5000,它将慢一些。
为什么会这样因为jQuery的动画最初用于动画,所以可以
详细研究更多的函数。