js,jQuery滚动页面到指定位置

js,jQuery滚动页面到指定位置
解决两个需要:

一个是从一个页面跳到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的动画最初用于动画,所以可以详细研究更多的函数。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部