fixed

    0热度

    1回答

    对于html和css我很新,我想制作一个固定标题。但是每当我尝试时,静态元素都会被抓到,除非我给他们定位:绝对。这里是我的CSS: .heady { position: fixed; width: 100%; background: hsla(176, 100%, 75%, 0.24); margin-bottom: 100px; } .header {

    0热度

    1回答

    我创建了一个额外的菜单栏(.secondnav),我想将它放在原始页眉(#headAnnouncementWrapper)正下方的网站中。问题是,当滚动时,标题的高度在从相对位置变为固定在顶部时以及在移动时变化。 我一直在试图用这样的: var scrolled = 78; var headHeight = $('#headerAnnouncementWrapper').height()

    0热度

    1回答

    我已经添加了一些简单的动画滚动到我的网站,但是在jQuery中有一个小小的怪癖。我slideDown()一个.nav-fixed导航栏,每当网站的窗口顶部是从网站的顶部导航静态.nav。一切都很好,除非当你点击任何链接(我假设任何链接与jQuery onClick动画滚动功能).nav-fixed暂时隐藏,并在网站滚动后再次显示。我是控制台日志记录Should hide the nav,只要顶部静

    0热度

    2回答

    我只在应用程序(iOS)上绘制时没有网站: 我有一些问题,我必须使用纯净的Javascript没有任何其他库。 <div class="header" style="position:fixed; z-index: 99;"></div> <div class="content" style="position:relative"> <div class="cover" style="

    1热度

    1回答

    我想在页面顶部有一个固定导航栏的网站上使用视差效果。由于视差效果处理溢出的方式,滚动条似乎位于页面顶部的固定导航栏下方。我有一个fiddle to demonstrate this。 我曾尝试将固定导航栏div放入视差容器内。这会移动滚动条下方的导航栏,但也会导致导航栏不固定到页面的顶部。 这是到目前为止我的代码... HTML <div class="navbar">NavBar</div>

    -1热度

    2回答

    位置:固定不适用于移动Safari浏览器。我已经尝试了两种设备,iPhone7和5s以及最新的Safari版本。我正在失去理智。没有互联网技巧,我已经找到可以帮助我。我发现一个网站,我的iPhone实际上向我展示了固定导航栏。但是当我将该网站的源代码复制到我的代码中时,我的iPhone拒绝将导航栏显示为固定元素。 .fixed { position:fixed; width:1

    1热度

    1回答

    我在为我的聊天定位文本框时遇到了麻烦。我只能让它看起来好一个特定的决议。在其他屏幕尺寸,它看起来很糟糕。如何调整所有分辨率(> 1360像素)的文本框的位置以适应底部的小黑暗区域。当我尝试调整一个分辨率时,在其他分辨率上看起来不太好。 https://jsfiddle.net/4pvfwz11/1/ <div class="chatdiv hidden-xs hidden-sm col-lg-2

    1热度

    3回答

    这是例子:https://jsfiddle.net/5ahw3tec/ HTML html body { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    0热度

    1回答

    我需要有关我的z-index无法工作的帮助。我一直在寻找所有的网络和堆栈,并找不到解决方案,我的问题是这样的: 我有一个标头(位置:固定)顶部z-index:9999,我有一个div标记(位置:相对)在它下面。当我在本地测试我的网站时,一切正常,当我上传我的网站时,一切正常,但不是在Chrome上。 出于某种原因,我的内容超出了我的固定标题,而且我认为我从字面上尝试了一切。我把位置属性和z-ind

    1热度

    2回答

    我没有找到解决方案,所以我转向你:)。 这里是上下文:我有两个兄弟元素,一个是绝对位置,另一个是固定位置。固定元素基本始终位于顶部。考虑下面的代码: * { box-sizing: border-box; } html, body{ margin: 0; padding: 0; height: 100%; width