3

我正在构建一个移动网站(非本机)以在 iPhone 4 上运行。我需要一些“标题”内容,大约 80 像素高和 100% 宽,除非用户在任何屏幕上向下滑动/拉动,否则这些内容总是隐藏的显示的内容。

这篇文章几乎完全符合我的要求:

http://inspectelement.com/tutorials/pull-down-for-navigation-a-responsive-solution/

问题在于它比我需要的更复杂,并且做了一些我不需要的附加操作。我尝试将它连接到我现有的 web 应用程序中,但它提升了所有样式并且不能正常工作。他们使用了很多我不想要的样式。在我花更多时间改变他们的风格并试图弄清楚哪些风格对于下拉效果是必不可少的,哪些是无关紧要的之前,我想看看是否有人有更简单的方法来实现这一点。

目标:手指在我的移动网页上的任意位置向下滑动,我的隐藏标题会向下滑动到视图中。释放时,标题会向上滑回并再次不可见。我不需要比这更高级的了。

相关问题:当​​手指向下拉网页时,会触发移动浏览器上的什么“事件”?那是“onscroll”还是类似的?还是手机独有的东西?

谢谢。

4

1 回答 1

0

由于您希望这发生在任何显示的内容上,您可以使用锚点在标题下方开始页面;因此,下拉页面(向上滚动到页面的“顶部”)将显示您的标题。您可以使用 onload() javascript 事件使页面自动跳转到您的锚点:

<script type="text/javascript">
function load() {
    var urllocation = location.href;
    if(urllocation.indexOf("#anchor") > -1){
        window.location.hash="anchor"; 
    } else {
    return false;
    }
}
</script>
<body onload="load()">
于 2013-06-12T16:31:58.760 回答