gpt4 book ai didi

html - 标题隐藏在移动设备上,直到用手指拉下

转载 作者:太空宇宙 更新时间:2023-11-04 13:21:18 25 4
gpt4 key购买 nike

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

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

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

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

目标:用手指在我的移动网页上的任意位置向下滑动,隐藏的页眉就会向下滑动到 View 中。松开后,页眉向上滑回并再次不可见。我不需要比这更花哨的东西了。

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

谢谢。

最佳答案

由于您希望在任何显示的内容上出现这种情况,您可以使用 anchor 在标题下方启动页面;因此,下拉页面(向上滚动到页面的“顶部”)将显示您的标题。您可以使用 onload() javascript 事件使页面自动跳转到您的 anchor :

<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()">

关于html - 标题隐藏在移动设备上,直到用手指拉下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17070105/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com