关于浏览器屏幕移动的实现的问题

Question

本来我有一个用jq方法hide()隐藏的div
我想在用show()方法显示这个div后
让屏幕移动到那个一个使到这个div居中的位置Ps.可以问一下 www.valore-italia.it 这个网站这种这么大边界的效果是怎么做的...

Answer 1

让屏幕移动到那个一个使到这个div居中的位置
re:
有点像js弹出div的意思.你只要算出屏幕的中心。让你的弹出层的中心=屏幕的中心

Answer 2

Ps.可以问一下 www.valore-italia.it 这个网站这种这么大边界的效果是怎么做的...
re:你没注意正文区总是居中显示吗

Answer 3

操作滚动条位置就行了
用offset方法获取div在页面的位置
然后设置滚动条位置，滚动条操作可百度或者把显示div的按钮用a标签包一下，a标签href指向一个瞄，形如<a gref="#div0"><button type="button"></button><a>，这样点击该按钮，显示该div的同时屏幕会移动到你的瞄的位置,即id为div0的标签位置。可以先测试好，让该div位置刚好能使你要显示的div居中

Answer 4

<a href="#div0"><button type="button">显示div</button><a>

Answer 5

什么意思...没看懂...我看到正文区的left与top都是5000px，左与上可以理解,不过右与下怎么会有那么大片区域可以空白

Answer 6

第一个方法的offset方法我试过，我对正文区域使用这个方法，他的left与top不知道为什么一直是0（我正文使用的position是absolute）
第二个方法的话 我的网页没有描点，跳转工作是通过获取在canvas中的点击位置再进行div.show()的，有什么方法可以用js达到 href="#div0" 的效果?

Answer 7

什么意思...没看懂...我看到正文区的left与top都是5000px，左与上可以理解,不过右与下怎么会有那么大片区域可以空白水不居中不懂吗？

Answer 8

什么意思...没看懂...我看到正文区的left与top都是5000px，左与上可以理解,不过右与下怎么会有那么大片区域可以空白水不居中不懂吗？水不居中?什么来的...

Answer 9

第一个方法的offset方法我试过，我对正文区域使用这个方法，他的left与top不知道为什么一直是0（我正文使用的position是absolute）
第二个方法的话 我的网页没有描点，跳转工作是通过获取在canvas中的点击位置再进行div.show()的，有什么方法可以用js达到 href="#div0" 的效果?
第一个问题你得自己调
第二个问题，你可以用js代码获取a标签dom对象，调用click方法实现跳到描点的功能

Answer 10

第一个方法的offset方法我试过，我对正文区域使用这个方法，他的left与top不知道为什么一直是0（我正文使用的position是absolute）
第二个方法的话 我的网页没有描点，跳转工作是通过获取在canvas中的点击位置再进行div.show()的，有什么方法可以用js达到 href="#div0" 的效果?
第一个问题你得自己调
第二个问题，你可以用js代码获取a标签dom对象，调用click方法实现跳到描点的功能我的网页没有a这个标签元素，不过我用第一个方法实现了那个效果，请问有没有办法可以使滑动条能缓慢地移动到目标位置

Answer 11

第一个方法的offset方法我试过，我对正文区域使用这个方法，他的left与top不知道为什么一直是0（我正文使用的position是absolute）
第二个方法的话 我的网页没有描点，跳转工作是通过获取在canvas中的点击位置再进行div.show()的，有什么方法可以用js达到 href="#div0" 的效果?
第一个问题你得自己调
第二个问题，你可以用js代码获取a标签dom对象，调用click方法实现跳到描点的功能我的网页没有a这个标签元素，不过我用第一个方法实现了那个效果，请问有没有办法可以使滑动条能缓慢地移动到目标位置
做个定时器，每x毫秒移动一小段，或者使用jQuery的animate函数，能很轻易做出效果

Answer 12

第一个方法的offset方法我试过，我对正文区域使用这个方法，他的left与top不知道为什么一直是0（我正文使用的position是absolute）
第二个方法的话 我的网页没有描点，跳转工作是通过获取在canvas中的点击位置再进行div.show()的，有什么方法可以用js达到 href="#div0" 的效果?
第一个问题你得自己调
第二个问题，你可以用js代码获取a标签dom对象，调用click方法实现跳到描点的功能我的网页没有a这个标签元素，不过我用第一个方法实现了那个效果，请问有没有办法可以使滑动条能缓慢地移动到目标位置
做个定时器，每x毫秒移动一小段，或者使用jQuery的animate函数，能很轻易做出效果
jQuery的animate函数只支持样式属性渐变，对滚动条移动好像无法支持，你还是得自己写定时器实现