js隐藏跳转地址栏 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

保持一个元素固定，并允许其他元素在移动浏览器地址栏向上滚动时滚动

javascript、html、jquery、css

我正在尝试解决一个问题，当地址栏和下面的内容向上滚动时，我需要一个背景图像留在适当的位置。图片占据了视图高度的90%，当地址栏隐藏时，我使用了JS来停止这种大小调整和跳转，但当地址栏隐藏时，图片仍然会随着网站的主体向上移动。我的目标是无论如何都要将图像固定在适当的位置，以便当您开始滚动时，屏幕底部附近的内容和地址栏同时向上滚动，而图像保持在相同的位置。这很简单，直到视口开始改变！防止地址栏隐藏不是一个好的选择。do

浏览 20提问于2021-07-15得票数 2

2回答

当浏览器地址栏隐藏时，防止移动设备上的浮动按钮移动

angularjs、mobile、angular-material

但是，当我滚动页面时，浏览器地址栏隐藏时，正文高度也会发生变化。结果是按钮也向上移动。请参阅图像以更好地了解。 margin-top: 120%; } 当我使用top而不是margin-top时，按钮会向上移动，一旦地址栏被隐藏，它就会向下跳转。我不喜欢强迫地址栏隐藏或保持固定。提前感谢！

浏览 1提问于2015-06-24得票数 1

1回答

移动铬窗口高度100%

html、ios、css、google-chrome、mobile

移动Chrome浏览器不幸地隐藏了一些设备上的地址栏，包括iPhone、iPad和许多安卓设备。这会导致页面跳转，因为在滚动之后，窗口的高度就会增长，加上地址栏的高度。我怎么才能防止这件事？

浏览 2提问于2014-05-13得票数 3

回答已采纳

3回答

更改设备方向不会交换宽度和高度

javascript、jquery

这是基本的js： $('#background-image').height(screen.height} $(window).resize(resizeBackground); 不幸的是，由于iOS上的一个奇怪的vh错误，我被迫使用JS这里的问题是，当一些浏览器，特别是Chrome和Firefox的浏览器地址栏被隐藏时，

浏览 65提问于2017-03-15得票数 1

1回答

在Ipad (iOS5)和Mobile safari (v5.1)上隐藏Xpages移动网页应用程序的地址栏

ipad、mobile、mobile-safari、xpages、lotus

关于几天前我问过的，在我看来，当xpages移动web应用程序从href链接启动时，地址栏是无法隐藏的。我尝试了其他专家发布的近20种不同的变体来隐藏地址栏，但似乎都不起作用。我说“当不是从主屏幕启动时，不可能在ipad上的Xpages移动web应用程序中隐藏地址栏”，这是错误的吗？

浏览 8提问于2012-06-19得票数 0

回答已采纳

1回答

为什么隐藏地址栏时html { height:100% }不起作用？

android、html、mobile

向下滚动到“单击我”按钮，确保地址栏在您向下滚动时隐藏，然后单击它。你应该得到这样的信息： ? 这有什么意义--为什么它不是完全绿色的呢？

浏览 34提问于2021-10-31得票数 0

回答已采纳

1回答

Chrome Android -滚动时处理CSS和JS

android、css、google-chrome

不幸的是，当Chrome Android隐藏地址栏时，这会导致带有position: fixed和top: 0的菜单跳转。那么，有没有办法在滚动时强制CSS更新呢？

浏览 0提问于2016-11-02得票数 0

2回答

Javascript警报

javascript

我使用警告框来警告用户在提交我正在处理的网站上的表单时出现错误，但每次我单击“确定”按钮关闭警告框时，页面都会回到顶部，我需要再次向下滚动才能看到该表单。

浏览 1提问于2010-01-07得票数 0

回答已采纳

1回答

在Firefox中显示地址栏

javascript、popup

当地址栏隐藏在主窗口时，如何显示FireFox弹出的地址栏？下面的代码创建一个弹出，但没有地址栏。JS: popupWindow = window.open( url,'popUpWindow','height=300,width

浏览 0提问于2012-02-16得票数 0

1回答

重定向和白页

asp.net-mvc、asp.net-mvc-3

我有以下js代码：});{ return new RedirectResult("/", true); 但是，我得到的白色页面和网址没有改变在地址栏如何正确进行跳转？

浏览 4提问于2012-08-15得票数 0

回答已采纳

3回答

在chrome (android)上隐藏移动浏览器地址栏

android、google-chrome、browser、hide、address-bar

body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);"> 我们在大多数浏览器(safari和本地的android浏览器)上隐藏地址栏这行JavaScript在大多数浏览器上都工作得很好，但是我们注意到chrome上有一个奇怪的行为，页面确实向下滚动，但是地址栏并没有隐藏！加载页面后，如果用户用手指稍微向下滚动，地址栏就会正常隐藏。我还试着用JS向下滚动所有页面，结果页

浏览 22提问于2013-07-22得票数 5

回答已采纳

1回答

垂直滚动动画在iOS上的“跳跃”

javascript、jquery、css、css-transitions、css-animations

我在iOS上注意到了漫画标题“跳转”，我认为这是因为地址栏改变了中用于计算标题位置的一个。如果我的假设是正确的。是否有一种准确的方法来抵消iOS地址栏，使这些值都不会跳转(突然增加)？

浏览 2提问于2017-09-04得票数 2

回答已采纳

3回答

二十个页眉卷轴移动放大

html、wordpress、css

我正在使用WordPress 20为我的网站，我有一个问题，我的标题图像移动。当我开始滚动时，标题图像有点放大，我试图搜索这个问题，但没有发现任何问题，我试过浏览CSS代码，在查看它们时没有看到任何转换或元素变化，下面是一个示例站点：

浏览 0提问于2017-08-14得票数 7

回答已采纳

1回答

HTML5样板手机没有隐藏‘地址栏’移动safari

web-applications、mobile-safari、html5boilerplate、meta、address-bar

我正在使用最新的超棒的超文本标记语言样板- 这就是应该发生的事情。而且我的副本在加载后不会滑动地址栏-打开下面iPhone上的这些链接可以看到。 -在我的服务器上精确复制，但不隐藏地址栏

浏览 7提问于2011-11-16得票数 0

回答已采纳

2回答

普通history.pushState或replaceState函数在vue项目中不起作用

javascript、vue.js、html5-history

我在我自己的由vue.js写的项目中使用history.replaceState或history.pushState，为什么它们不起作用。实际上，我可以看到地址栏中的url地址已经从'location:3030/#/a‘变成了'location:3030/#/b'，但遗憾的是当前页面并没有改变。history.pushState({key: 641.928}, '', 'http://localhost:3030/#/a

浏览 221提问于2019-04-10得票数 0

1回答

history.js在back按钮上重新加载页面

php、jquery、html、history.js、html5-history

我是html5和的新手，还在试图理解history.js的概念。这里有两个问题。 <input type="button" value=

浏览 2提问于2013-10-07得票数 0

回答已采纳

1回答

EA手机游戏网站的问题？

jquery、css、mobile

2本网站上的问题：底部托盘(a la jQTouch) -是JS还是CSS？

浏览 2提问于2010-12-28得票数 1

回答已采纳

2回答

Webapp在Chrome中隐藏Android导航栏(虚拟后退、主屏幕等按钮)(通过javascript)

javascript、android、web-applications、fullscreen

对于Android，这包括隐藏顶部的Chrome地址栏和底部的导航栏(虚拟后退、主页和多任务按钮)。我已经看过fullscreen api、fulscreen experiences article和screenfull.js了。所有这些都实现了隐藏Chrome地址栏，但不隐藏底部的导航栏。(不过，他们确实会在其他浏览器中隐藏它，比如Opera。)我已经在小米A2和Galaxy S8上测试过了。必须有一种方法来实现这一点(至少对于视频元素是肯定的)，因为YouTube和

浏览 37提问于2019-01-26得票数 10

2回答