数码资讯
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的动画最初用于动画,所以可以详细研究更多的函数。
一个是从一个页面跳到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的动画最初用于动画,所以可以详细研究更多的函数。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。