【问题标题】:Jump to Poll Results跳转到投票结果
【发布时间】:2013-10-13 19:42:56
【问题描述】:

我正在使用 AJAX 在同一页面上显示投票结果,而无需刷新页面。

问题在于,与结果相比,投票本身占用了大约页面空间的三倍。当用户投票时,根据他们向下滚动页面的距离,除非向上滚动,否则他们无法查看结果。

我在想我可以执行<form action="#results"> 之类的操作来跳转到结果,但它不起作用。我的猜测是因为 AJAX 使用的 PHP 脚本来自与投票所在页面不同的页面。

有没有办法跳转到结果?

想知道页面地址的朋友可以http://kokorugs.com在页面右栏投票:

【问题讨论】:

  • 你在使用 jQuery 吗?我敢肯定,那里有“scrollTo”功能。
  • 是的,我可以使用 jQuery 解决方案。我以为会有更简单的方法,但 jQuery 始终是一种选择。

标签: php html ajax


【解决方案1】:

不错的页面。刚刚看了一下,你可以从浏览器控制台很好地做到这一点。我假设页面本身的代码也是如此。

首先,获取元素的位置:

var topOfPollBox_y = document.getElementById('poll').offsetTop

随后将文档滚动到此位置:

window.scrollTo(0, topOfPollBox_y);

【讨论】:

  • 嗯,这很容易。谢谢!有一天我将不得不花一些时间来了解 AJAX 可以做什么。
  • 确实如此,不是吗? - 但是,嘿,就像我说的那样:制造核弹并不是那么难 - 这是解决(最)困难的部分!从其他人那里获取信息确实在一定程度上减轻了负担。Ajax 可以很棒——在我看来,处理后退按钮是最讨厌的部分——我希望你在使用 ajax 时几乎不会遇到任何问题。 :)
猜你喜欢
  • 2011-09-30
  • 1970-01-01
  • 1970-01-01
  • 2012-05-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多