CSS导航栏在移动设备上运行缓慢

文章/答案/技术大牛

发布

1回答

html、css、mobile、lag

所以我有一个奇怪的bug，代码在我的PC浏览器上运行得很快，即使是在调整大小的时候，但在移动设备上下降时，navbar却非常慢。

浏览 12提问于2018-01-06得票数 1

2回答

无法在移动/ipad浏览器上浮动twitter引导导航栏

html、mobile、twitter-bootstrap

当您向下滚动页面时，使用"navbar“和”navbar-fixed top“类可以将导航栏浮动在页面顶部。这似乎在移动/ipad浏览器上不起作用。为什么以及如何让它们也在移动浏览器上浮动。在ipad(safari、chrome)、Android(firefox)、Windows Phone(IE)上试用过。 <!bootstrap/assets/js/bootstrap.js&

浏览 0提问于2013-01-08得票数 6

回答已采纳

1回答

移动网站中的固定定位按钮

jquery-mobile、twitter-bootstrap、mobile-website

我正在建设一个移动网站，需要一个固定的定位按钮(快速链接滚动到顶部)，应该移动的同时滚动屏幕。移动浏览器不支持固定位置。有没有人能提供同样的建议呢？我正在使用twitter bootstrap。我在jquery mobile框架中观察到了移动端的固定位置、页眉和页脚，但可以在twitter的引导页面中使用它。提前谢谢。

浏览 4提问于2012-08-21得票数 2

1回答

Reactstrap -在NavLink上折叠导航栏仅在移动设备上单击

reactjs、react-bootstrap

我有一个导航栏，在桌面上是打开的，在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时，我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能，它在移动设备上运行良好，但现在桌面上的

浏览 28提问于2020-09-14得票数 1

回答已采纳

2回答

在移动设备上调整顶部导航栏大小时的问题

html、css

我为工作构建了这个非常简单的，当我在移动设备上调整大小时，我发现了一个与顶部导航栏相关的问题(请注意，这个网站没有移动版本，也不会有)。如果

浏览 0提问于2016-07-07得票数 0

2回答

导航栏已使用Bootstrap.js修复

css、twitter-bootstrap、css-position

我正在开发一个webapp，它使用Backbone + Bootstrap作为css框架。我无法在移动浏览器中使用Bootstrap将导航栏设置为顶部。根据Bootstrap，我们需要做的就是在navbar...but中添加‘navbar- for top’类，不幸的是，它在移动浏览器中不起作用，但在桌面浏览器中起作用。

浏览 2提问于2012-09-11得票数 0

2回答

在Angular Material中，如何使工具栏上的项目只显示在移动屏幕上的第二行？

css、angular、angular-material

在Angular Material网站()上，这是工具栏在桌面上显示时的外观在移动设备上，菜单项Components、CDK、Guides链接在第二行，但github、主题图标和版本号下拉列表仍然在第一行

浏览 2提问于2020-11-13得票数 1

1回答

但由于某种原因，当我在移动设备上运行我的网站时，比如galaxy s5或iPhone5，浏览器会放大左上角。width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 但它只修复了导航栏这是我当前的meta标签： <meta name="viewport" content=

浏览 8提问于2019-02-18得票数 0

回答已采纳

1回答

在CSS或JS中检测Kindle Fire

javascript、css、twitter-bootstrap、media-queries、kindle-fire

每当我在Kindle Fire上移动网站时，本应固定在视窗顶部的导航栏需要一秒钟才能赶上并移动到那里。它看起来很丑陋。导航栏保持固定在所有其他设备上的视窗- ipad，三星s3，台式机。是否可以通过CSS或javascript检测Kindle Fire，以便我可以修复页面的导航栏，而不是行为不佳的浏览器的视口？

浏览 3提问于2013-03-19得票数 4

回答已采纳

1回答

实体化CSS的一些问题

material-design、materialize

我的网站有一些问题需要解决如何在移动设备上将一些按钮转换为下拉按钮？

浏览 5提问于2015-09-03得票数 1

2回答

$(window).scroll在移动设备和internet explorer上无法正常工作

javascript、jquery、html、css、mobile

$(window).scroll不是在我在移动设备上滚动时执行的，而是在我的手指滚动后释放屏幕时执行的。在IE10上，$(window).scroll也会延迟。我使用$(window).scroll通过更改position:fixed;导航栏上的css属性top:来创建页面的导航栏滚动。当向下滚动足够多的时候，导航栏</

浏览 2提问于2013-12-11得票数 1

1回答

CSS conent正在移动设备上跳跃

html、css

在pc上查看时，它通常位于中心位置，但当我在手机上访问该页面时，我会跳起来。css： position: absolute; top: 0; width

浏览 0提问于2018-03-15得票数 0

1回答

移动物化流星上的导航栏太小

css、meteor、materialize

我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包，如果相关的话。

浏览 2提问于2016-06-05得票数 0

2回答

Bootstrap >隐藏下拉项并基于媒体查询保持最小导航栏

javascript、css、twitter-bootstrap、dhtml、media-queries

问题:在移动设备上加载Bootstrap站点时，菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单，没有下拉菜单。这有可能吗？如果我要添加另一个只具有顶级的导航栏，我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏？

浏览 1提问于2012-04-26得票数 0

回答已采纳

2回答

Jquery scrolltop函数在移动设备上不起作用

javascript、jquery、html、css

我正在创建一个导航栏，当我向下滚动页面时，导航栏将淡入。我的代码在桌面上运行得很好，但当我切换到移动设备时就不能运行了。function() { $('nav').css("background-color"

浏览 0提问于2018-01-24得票数 0

2回答

以响应模式将搜索框移动到中心。

html、css、responsive-design、navbar

我使用的引导导航条是来自参考，我正在尝试在移动设备上用户不需要点击菜单图标来搜索页面。因此，试图显示搜索框后，品牌在响应模式。在普通桌面浏览器中，引导程序如下所示：在响应模式下，如下所示：我必须移动搜索框和登录选项，以便在移动设备上显示“品牌之后”中心。我试着玩css把搜索框移出导航栏，但是它破坏了我的整

浏览 3提问于2017-04-05得票数 0

回答已采纳

1回答

twitter引导响应菜单悬停

twitter、twitter-bootstrap、hover、navbar

如何在移动设备上查看菜单/导航栏时将悬停文本颜色更改为白色。我试着查看了bootstrap的css代码，但我找不到。 

浏览 1提问于2013-03-05得票数 0

2回答

引导导航栏在像素比率较高的移动设备中不活动

css、twitter-bootstrap、responsive-design

假设我有两个移动设备。其中一个的像素比例比另一个高。假设像素比率较高的是iPhone。现在问题是，bootstrap导航栏对于像素密度较低的手机是有效的，但对于像素比率较高的iPhone则不起作用。在那里，我发现导航栏将在设备像素为max 768px和min 767px时激活。为了在iPhone中激活导航栏，我增加了激活阈值。我写了一个自定义的css文件，它覆盖了激活阈值，但它对我不起作用，因为有许

浏览 8提问于2017-07-10得票数 0

回答已采纳

1回答

移除移动设备的ScrollTop功能问题

jquery、html、css

我有一些困难的反应设计，我有一个粘性肚脐效果的桌面版本的我的网站，这是完美的，但在移动设备上，粘性肚脐阻碍用户的经验。当我向下滚动肚脐显示，它应该，但背景颜色的粘性导航阻碍了可见性的文本，是在屏幕上。我确实希望只有当用户选择移动汉堡包图标时，粘性导航的背景颜色才会出现，而不是当它滚动下来时，背景就会出现，这是很烦人的。谢谢你提前提供帮助。我尝试过将类设置为“无显示”，但是这是有效的，但是当我只想在用户滚动时禁用粘性导航条背景时，它会禁

浏览 1提问于2019-08-14得票数 0

3回答

Bootstrap导航栏降低高度

html、css、twitter-bootstrap

我有一个导航栏，这是相当标准的，我想让它更薄一点。另外，如果我说它的高度必须是30px -在移动设备上，这可能太窄了，那么我需要不同大小的媒体查询吗？

浏览 0提问于2016-10-12得票数 1

点击加载更多