html隐藏safari地址栏,怎么隐藏 iOS Safari 打开网页时的地址栏和工具栏探索

先来看一张截图

f6395285dff91eecb50c3fce0684ec2b.png

红色框处就是用手机浏览器打开页面时,自动显示出来的头部地址栏和底部工具栏

如果现在有一个需求,用手机浏览器打开页面时,把地址栏和工具栏隐藏,该怎么办呢?

起初我在度娘找到了好几篇博客都推荐如下方法

注:但使用该方法没有效果(可能该属性只针对 iOS 7.1 的 Safari 有用)

几经波折,我发现并没有直接能够隐藏掉地址栏和工具栏的方法,但有一个折中的方法。

手机浏览器打开页面时,地址栏和工具栏不隐藏,当你往上滑动页面时再隐藏,往下滑动页面时再显示

window.onload = function() {

setTimeout(function() {

window.scrollTo(0, 1)

}, 0);

};

但加上这段代码后,可能没有效果。这是因为页面内容较少时,不会隐藏地址栏;但网页内容较多,超过屏幕可视高度,才会自动隐藏地址栏

那如何解决在内容较少时,同样隐藏地址栏呢?添加如下代码即可

window.onload = function() {

scroll();

}

function scroll() {

if(d

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/255935.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

excel工具栏隐藏了怎么办_excel隐藏的5个超级技巧,只有少数老师知道,你知道是哪几个吗?...

对于办公人员来说,excel的制作一定是少不了的,但大多数的人都只知道一些皮毛,很难深入的“吃透”excel,今天和大家聊聊这几个excel中隐藏的超级技巧,大多数人都不知道,但却超级实用,和易查分一起来看看吧! 隐藏网格线 对于excel来说,大多数人的印象里,这个工具只适用于表格的制…

excel工具栏隐藏了怎么办_?Excel菜单栏中工具栏突然不见了,怎么办?

Excel菜单栏中工具栏突然不见了,怎么办? 问题现象如下图所示: 只有基本的文件,开如,插入,页面布局,公式,数据...等等。 没有工具栏。 点开始菜单,工具栏出现了。但是点文档编辑,工具栏又没了。是不是很生气呢?我什么也没操作呀。怎么样呢?那叫一个生气。到哥让你不…

excel工具栏隐藏了怎么办_excel中,原来除了单元格,其他地方都可以隐藏

在excel中,我们有时候会为了扩大编辑区域的视野或者美观,想要隐藏一些功能。本文就为大家介绍一下各部分的区域的显示和隐藏的操作方法。 下图是excel中可以选择隐藏或者显示的部分。 图一 ​ 一、显示/隐藏功能区。点击右上角向上的箭头,会有自动隐藏功能区、显示选项卡、显…

一图看懂 tqdm 模块:一个可在循环和命令行中使用的快速、可扩展的进度条,资料整理+笔记(大全)

本文由 大侠(AhcaoZhu)原创,转载请声明。 链接: https://blog.csdn.net/Ahcao2008 一图看懂 tqdm 模块:一个可在循环和命令行中使用的快速、可扩展的进度条,资料整理笔记(大全) 🧊摘要🧊模块图&…

相对活力指数指标(RVI)指标模拟量化交易(第二版)

经过一段时间的测试,在第一版代码的基础上做了不少修改 第一版代码: 相对活力指数指标(RVI)指标ETH模拟量化交易https://mp.csdn.net/mp_blog/creation/editor/120299311https://mp.csdn.net/mp_blog/creation/editor/120299311 …

RabbitMq学习笔记

RabbitMq学习笔记 1.消息队列1.1 MQ相关概念1.1.1 什么是MQ?1.1.2 为什么要用MQ?1.2.3 MQ的分类1.2.4 MQ的选择1.2.5 为什么选择RabbitMQ? 1.2.5 MQ对比分析图在这里插入图片描述1.2 RabbitMQ1.2.1. RabbitMQ 的概念1.2.2. 四大核心概念1.2.3…

rabbitMQ-学习笔记

RabbitMQ 一、MQ的相关概念1.1 什么是MQ1.2 为什么要用MQ1.3 MQ的分类1.3.1 ActiveMQ1.3.2 Kafka1.3.3 RocketMQ1.3.4 RabbitMQ 二、RabbitMQ2.1 RabbitMQ的概念2.2 四大核心概念2.3 RabbitMQ核心部分2.4 RabbitMQ工作原理安装java环境2.5 Hello World生产者代码消费者代码 2.6…

Rabbitmq学习笔记教程-尚硅谷

Rabbitmq学习笔记 (尚硅谷) 尚硅谷 rabbitmq 教程 1.MQ 的概念 1.1 什么是 MQ? 存放消息的队列,互联网架构中常见的一种服务与服务之间通信的方式。 1.2 为什么要用 MQ? 三大好处,削峰,解耦,异步。…

RabbitMQ入门指南:初学者也能读懂的教程

文章目录 1、消息队列1.1、MQ的相关概念1.1.1、什么是MQ1.1.2、为什么要使用MQ流量削峰应用解耦异步处理 1.1.3、MQ的分类ActiveMQKafKaRocketMQRabbitMQ 1.1.4、MQ的选择 1.2、RabbitMQ1.2.1、RabbitMQ 的概念1.2.2、四大核心概念1.2.3、RabbitMQ核心部分1.2.4、各个名词介绍1…

整理面试题

一、基础篇 Java 基础 1.面向对象的特征 可以说是三大特征,也可以说是四大特征 ①第一个是抽象:就是把有共同特征的一类事物,构造成类,只关注它的属性和行为,而不关注这些行为的细节 ②第二个是封装:就…

Rabbitmq笔记

rabbitmq概述 定义:RabbitMQ 即一个消息队列,主要是用来实现应用程序的异步和解耦,同时也能起到消息缓冲,消息分发的作用。 作用: 流量消峰应用解耦异步处理(不同服务之间的响应时间不同,导致…

java mysql数据库回退_数据库事务及Java中的处理

事 务是指一组相互依赖的操作行为,举一个举得不能再被举的例子就是银行交易,当然还有其他像网上购物,电子货币交易等等,事务的成功取决于这些相互依赖的操 作行为是否都能执行成功,只要有一个操作行为失败,…

JPA 2.0 中的动态类型安全查询(如何通过 Criteria API 构建动态查询并减少运行时失败)...

简介: 如果编译器能够对查询执行语法正确性检查,那么对于 Java 对象而言该查询就是类型安全的。Java™Persistence API (JPA) 的 2.0 版本引入了 Criteria API,这个 API 首次将类型安全查询引入到 Java 应用程序中,并为在运行时动…

QB无缘无故丢失!

24号用财付通支付冲的13个QB,冲好后查帐户有QB(都没出现错误),过一天查帐户QB不翼而飞,!期间并没有买过什么东西,也不知道怎么查QB的交易详细记录, 感觉没有冲上,由于支…

详解JPA 2.0动态查询机制:Criteria API(2)

详解JPA 2.0动态查询机制:Criteria API(2) 2009-11-13 09:24 Pinaki Poddar IBMDW 字号: T | T JPA 2.0引入了 Criteria API,这个 API 首次将类型安全查询引入到 Java 应用程序中,并为在运行时动态地构造查询提供一种机制。本文介绍如何使用…

PA 2.0 中的动态类型安全查询

JPA 2.0 中的动态类型安全查询 如何通过 Criteria API 构建动态查询并减少运行时失败 如果编译器能够对查询执行语法正确性检查,那么对于 Java 对象而言该查询就是类型安全的。Java™Persistence API (JPA) 的 2.0 版本引入了 Criteria API,这个 API 首次…

JPA 2.0 中的动态类型安全查询

如何通过 Criteria API 构建动态查询并减少运行时失败 如果编译器能够对查询执行语法正确性检查,那么对于 Java 对象而言该查询就是类型安全的。Java™Persistence API (JPA) 的 2.0 版本引入了 Criteria API,这个 API 首次将类型安全查询引入到 Java 应…

详解JPA 2.0动态查询机制:Criteria API

转载自详解JPA 2.0动态查询机制:Criteria API-51CTO。若有侵权,请留言删除。 自从 JPA 于 2006 年首次被引入之后,它就得到了 Java 开发社区的广泛支持。该规范的下一个主要更新 —— 2.0 版本 (JSR 317) —— 将在 2009 年年底完成。JPA 2.0 引入的关键…

基于C语言的平衡二叉树操作(包含完整代码)

平衡二叉树的定义: 为避免树的高度增长过快,降低二叉排序树的性能,规定在插入和删除二叉树结点时,要保证任意结点的左、右子树高度差的绝对值不超过1,将这样的二义树称为平衡二叉树AVL (Balanced Binary Tree),简称平衡树。 平衡…

chatgpt赋能python:如何在Python中撤回输错的指令?

如何在Python中撤回输错的指令? 作为一名有10年Python编程经验的工程师,我们时常会遇到输错指令的情况。在Python中输错指令常常是不可避免的,特别是当你快速编写代码时。然而,如果你不知道如何撤回这些错误的指令,这…