腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
使用固定的CSS位置制作粘性标题
css
、
header
、
fixed
、
sticky
我需要做一个粘性的标题。我们在computerclass类中用CSS的位置做了一个粘性的脚注:修复了,它工作得很好。但我不能将粘性页脚的代码转置为粘性页眉。固定位置工作,但文章在标题下滚动-这当然不美观。当我应用我在Stackoverflow上发现的CSS代码时,标题的图像移动到屏幕的左下角。这是stackoverflow上的代码: top: 0; left: 0; width: 100%; height: 3.5em; padding:0; margin: 0; 我有一个标题,一些空格,一篇文章和一个旁注。下面是我使用的标题的CSS代码,并在文章下方滚动: CSS: body { w
浏览 0
提问于2016-03-09
得票数 0
2
回答
为什么我的页脚宽度不能在智能手机上达到全宽?我正在使用Wordpress
css
、
wordpress
、
mobile
、
layout
、
footer
我有一个我的Wordpress网站的页脚样式,它似乎没有达到整个网站的移动宽度。此外,我总是能够滚动宽度的方式,就好像网站比移动视窗更宽。这只发生在移动画像上,不会发生在桌面或平板电脑上。 我将所有宽度设置为100% (页眉、正文、页脚和其他几个),但似乎页脚宽度呈现为1333px宽度,而页眉和正文宽度呈现为1349px (就像笔记本电脑上的inspect dev工具一样)。 我没有固定的宽度为任何元素设置的像素超过300px。 页脚放在主容器和主容器之外,但在正文内。 我认为页脚中的任何元素都不是问题所在,因为我已经删除并替换了它们,但同样的问题仍然存在。 图片包括:页脚右侧的间隙
浏览 2
提问于2017-05-28
得票数 0
2
回答
为所有浏览器使用CSS3使用HTML5的粘性页脚(未知高度)
jquery
、
html
、
css
、
footer
我正在尝试为我的网站在和CSS3中实现一个粘性页脚(未知高度)。我尝试过很多种方法,但我的主要角色的margin似乎有问题。 以下是我所拥有的: body { background: #000; font-family: Arial; } main { margin: 50px; } <body> <header> </header> <div id="first"> </div> <main id="main"> </main&g
浏览 5
提问于2014-09-24
得票数 1
回答已采纳
5
回答
Html5 CSS布局页脚
css
、
html
我试图创建一个粘性的页脚,但是我的页眉和页脚上面和下面都是空白的。 html, body { height: 100%; margin: 0; padding: 0; } header { background-color: orange; position: relative; height: 400px; width: 100%; color: white; text-align: left; } footer { background-color: #202020; color: white; position: absolute;
浏览 2
提问于2016-02-20
得票数 1
1
回答
移动和台式机上的粘滞<thead>和第一个<tr>
html
、
css
、
css-tables
我正在试着调整这个: https://codepen.io/adrianjacob/full/KdVLXY使移动和桌面设备的滚动上的表头和第一个表行“粘滞”。 我已经在CSS中这样做了: thead th { position: sticky; top: 0; } 和 tbody tr:first-child td { position: sticky; top: 50px; background:white; } 为了在我需要的地方获得“粘性”,但是我的"thead“没有在移动设备上显示,首先显示的是"tr”,它在移动设备和桌面上是粘性的。 此外,我需要那些颜色线以
浏览 13
提问于2019-06-22
得票数 0
回答已采纳
2
回答
带滚动的视口中心div
html
、
css
、
sticky
我试图在视图中居中页眉和页脚(就像下面的游戏)。内容滚动垂直和水平,但页眉和页脚应停留在同一位置上的视口。我尝试使用以下CSS: .BottomMenu { background-color: #ADADAD; position: fixed; bottom: 0; left: 0; right: 0; height: 50px; } 但是这会产生一个垂直粘性的页脚。我需要它呆在那个地方,而内容向任何方向移动。
浏览 0
提问于2017-02-17
得票数 2
回答已采纳
2
回答
让scroll在子元素上,而不是在可调整大小的父元素上
html
、
css
我有一个很大的表,它位于两个粘性div (页眉和页脚)之间的一个浮动的、可调整大小的div中。 但是,当这个表溢出时,滚动就会位于父浮动div上,而不是div本身,这会在我水平滚动时弄乱粘性的div。 示例: ? 当然,这可以通过设置固定宽度/高度的表格来实现,但我需要它是自动的,因为它位于一个可调整大小的div中。 我怎么才能让它工作呢?基本上,我希望表div有滚动,而不是它的父级,就像这个很棒的画图编辑: ? 当然,同时保持自动调整大小。 页眉/页脚不应水平滚动。 这就是问题所在:https://jsfiddle.net/ppgab/nhy02w3v/18/ Html:
浏览 22
提问于2019-02-06
得票数 0
3
回答
如何使用css使页眉粘稠
html
、
css
我想在我的网站上做一个粘性的标题。我正在尝试跟随CSS,但是当我使用下面的CSS时,我的徽标会在移动设备上被放大。 网站网址: CSS @media only screen and (max-width: 768px){ header{ position: fixed !important; top: 0px; } }); 我在桌面上没有任何问题,但是在移动设备上,徽标得到缩放-- out.When我点击移动设备中的汉堡包菜单,徽标就会缩小。不仅是徽标,我的标题部分可以放大。请帮我解决这个问题。谢谢
浏览 5
提问于2017-02-06
得票数 0
4
回答
粘性HTML元素隐藏在chrome / Firefox移动浏览器的Mobile导航栏下面。怎么解决这个问题?[更新]
html
、
css
、
reactjs
、
mobile
、
sticky
要求: 我有一个带有按钮的动作条,名为Next Scale,它是移动视图中的position: sticky和bottom: 0。 我希望这个HTML元素在滚动时坚持到视图端口的底部,当它不在视图时保持到底部。 问题: 在下面给定的GIF图像中,动作栏和Next scale按钮隐藏在移动导航窗格下面,而相同的粘性特性需求在桌面上也能正常工作。 如果我滚动到页面的末尾并向上滚动,操作栏将按预期工作,并保持在导航窗格上方的粘性。但当我爬到山顶时,它又被藏起来了。 问题: 如何确保粘性元素的bottom计算从移动导航窗格的上方开始,从而使元素始终可见?
浏览 10
提问于2022-07-01
得票数 4
回答已采纳
1
回答
移动设备中的粘性标头木星主题
wordpress
、
mobile
、
sticky
我怎么能在移动设备上使用木星主题的粘性头呢?在我的WordPress主题中,我启用了粘性头,但是它不能在移动设备上工作。我怎么才能解决这个问题? 也可以登录他们的网站:
浏览 1
提问于2018-06-26
得票数 0
回答已采纳
3
回答
iPhone: webkit中的粘性屏幕页眉或页脚
iphone
、
html
、
css
有没有可能创建一个粘性的页眉或页脚,这样无论你在哪里滚动页眉/页脚都会保持原样?我正在寻找一个HTML/css/javascript的iPhone/webkit解决方案。
浏览 1
提问于2009-09-22
得票数 1
回答已采纳
1
回答
css -相对页眉和粘性页脚,动态内容,未知的高度,都在一个容器的响应宽度?
jquery
、
html
、
css
、
responsive-design
、
sticky-footer
我在一个相对页眉和粘性页脚上工作,动态加载内容(有时是空的div (未知高度),因此高度为100 of;),所有这些内容都在响应容器中,根据设备的宽度(宽度:100 of;)调整到最大宽度为350 max。 从这里开始,一些内容会动态地加载到页眉上方,并且应该将页眉和内容按下,但是应该保持粘性页脚的位置。当动态内容溢出时,应该在页眉下方和页脚上方滚动,因为两者都是半透明的。 已经尝试过(相对和绝对)的各种组合。下面是最接近的组合,例如:..。但这种组合猜测的是动态内容的百分比高度,而出现的内容在范围内格式不正确,并且由于绝对定位而不按下动态内容!? 需要对CSS进行哪些调整来说明这些规范? H
浏览 0
提问于2014-06-14
得票数 2
回答已采纳
3
回答
识别移动设备的JavaScript IF函数
javascript
、
jquery
、
css
、
twitter-bootstrap
我目前正在创建一个网站,在那里我有一个粘性固定的标题。这个网站是建立在Bootstrap上的,但是因为我不喜欢很多Bootstrap头文件,所以我决定自己做一个简单的。 粘性标题工作得很好,但有一些小问题。然而,在移动设备上则是另一回事。由于头部在垂直方向上显然占据了很大的空间,因此它在移动设备上占用了太多空间。 我决定最好将菜单保持在粘性状态,但是我正在使用这个Javascript在一些元素上添加一个“粘性”类,这样我就可以在CSS中针对它。 $(window).scroll(function() { if ($(this).scrollTop() > 1){ $(
浏览 0
提问于2015-06-07
得票数 0
2
回答
PhoneGap、jQuery移动页眉/页脚问题
jquery
、
iphone
、
ios
、
jquery-mobile
、
cordova
已使用jQuery移动电话创建电话间隙应用程序。大多数情况下,一切都很好,接受持久的页眉和页脚栏。当单击或滚动时,它们会消失。他们的立场也经常搞砸。我很想弄清楚如何解决这个问题。如果有任何代码可以粘贴,请告诉我。 另外,有没有什么特别的CSS我需要做的? 我还尝试使用:$.fixedToolbars.setTouchToggleEnabled(false);,但没有成功。有什么特别的地方应该放吗? 任何帮助都是非常感谢的。
浏览 0
提问于2011-11-14
得票数 1
回答已采纳
1
回答
移除移动设备的ScrollTop功能问题
jquery
、
html
、
css
我有一些困难的反应设计,我有一个粘性肚脐效果的桌面版本的我的网站,这是完美的,但在移动设备上,粘性肚脐阻碍用户的经验。当我向下滚动肚脐显示,它应该,但背景颜色的粘性导航阻碍了可见性的文本,是在屏幕上。我确实希望只有当用户选择移动汉堡包图标时,粘性导航的背景颜色才会出现,而不是当它滚动下来时,背景就会出现,这是很烦人的。谢谢你提前提供帮助。 我尝试过将类设置为“无显示”,但是这是有效的,但是当我只想在用户滚动时禁用粘性导航条背景时,它会禁用桌面和移动上的粘性导航条,而当选择汉堡包图标时,它就会显示出来。 js $(window).on("scroll", function() {
浏览 1
提问于2019-08-14
得票数 0
1
回答
使用媒体查询和jQuery移动功能,使整个网站处于中间位置
css
、
jquery-mobile
、
media-queries
嗨,我是jquerymobile .i的新手,我正在开发一个使用jquerymobile和phonegap的网站,我能够让它为移动设备,但我面临着困难的时间让我的网站在浏览器上看起来很好。我希望我的整个网站居中,但我的页眉和页脚似乎有一个问题,有在顶部的页眉和底部的差距,我正在做如下。 @media only screen and (min-width: 1025px){ .ui-page { width: 560px !important; margin: 0 auto !important; position: relative !important;
浏览 1
提问于2014-03-25
得票数 1
1
回答
如何使用@media打印具有粘性页眉和/或页脚
css
、
printing
、
header
、
media
、
footer
如何仅用HTML和CSS制作@media打印的粘性页眉和/或页脚?我试过使用position: absolute和position: fixed,但它不起作用。
浏览 0
提问于2018-08-01
得票数 2
1
回答
移动菜单-在移动设备上立即出现
javascript
、
jquery
、
css
、
mobile
在移动上,在用户滚动通过第一部分之后,粘性菜单将慢慢出现:这是按照以下步骤完成的: var $logo = jQuery('#header-sticky-wrapper'); jQuery(document).scroll(function() { if(jQuery(this).scrollTop()> 250) { //alert("scop"); // $logo.css({display: $(this).scrollTop() >
浏览 0
提问于2016-10-05
得票数 0
回答已采纳
4
回答
一个有固定页眉的真正的粘性页脚?
html
、
css
、
footer
、
sticky-footer
首先,请阅读这个完整的问题,这样你才能完全理解我在寻找什么,谢谢! 这是一个问题,我一直试图研究了一段时间,并已困扰我退出一段时间。我能有一个固定页眉的真正的粘性页脚吗? 如何实现具有固定页眉的粘性页脚?我不能添加填充或空白处的身体或内容,因为这将打破页脚。此外,我希望能够在我的内容中使用width:100%和height: 100%,而不让它溢出并造成混乱。 以下是我的目标(请原谅我出色的Photoshop技巧): 当我在我的页脚上使用position:fixed;和bottom:0;时,这看起来很好。但要使它真正的粘性,我需要添加一些css到我的网页。(出发地:) * { m
浏览 4
提问于2014-02-05
得票数 7
回答已采纳
3
回答
100%身高的全屏幕页面
html
、
css
是否有任何方法使页头,粘性页脚和身体应该始终适合100%的屏幕高度-页眉和页脚,只有HTML和CSS。有关更多信息,请参见图像。
浏览 2
提问于2015-04-12
得票数 1
回答已采纳
1
回答
如何在页脚中创建自定义粘性导航条
html
、
css
、
wordpress
你好,我正在试着在我位于页脚中的站点中制作粘稠的CTA 这是示例站点:我想克隆移动设备中启用的粘性cta 我在wordpress中使用Avada主题 这是我的css .sticky-footer-mobile{ position:fixed; top:0; }
浏览 4
提问于2022-06-03
得票数 -2
1
回答
当某个div存在时,如何隐藏元素?
javascript
、
jquery
当滑块或页脚滚动时,我想隐藏我的粘性按钮。 我试过这个代码: $(window).scroll(function() { if ($(this).scrollTop() < 250) { $("#sticky-button").css({ 'display': 'none' }); } }); 因此,这样做是隐藏我的粘性按钮,当它是低于250 it滚动高度。 但在手机上,我意识到它不起作用,因为250 is在移动设备上是一个相当大的高度。 那么,如何让它在特定的div
浏览 2
提问于2019-11-07
得票数 1
回答已采纳
1
回答
溢出内容时的全宽表头(body)
html
、
css
、
css-position
html代码: <body> <header style="background-color:green;">header</header> <main> <p>some content</p> <div style="width:2000px">some wide content, makes overflow body</div> <p>some content</p> </mai
浏览 15
提问于2017-07-12
得票数 2
1
回答
用CSS检测浏览器窗口位置
css
当浏览器滚动时,是否可以应用CSS(3)效果?我有一个粘性的页眉/页脚,并希望只有当窗口不在顶部时才应用投影。我知道使用JS可以做到这一点,但我想看看是否可以仅通过CSS来实现。谢谢。
浏览 0
提问于2012-03-29
得票数 1
回答已采纳
2
回答
显示和隐藏底部对齐,仅滚动内容
jquery
、
hide
、
show
我正在尝试使用@ 获取相同的功能 页眉和页脚是粘性的,当用户单击向下箭头时,可以观察到方框正在向下移动,同时页面滚动也会发生变化 我请求任何人帮助我...先谢谢你...
浏览 0
提问于2011-10-28
得票数 0
回答已采纳
1
回答
单击noCAPTCHA复选框后页面宽度增加(使用引导-rtl)
css
、
twitter-bootstrap
、
recaptcha
我使用的是,我的页面包含粘性页眉和页脚(如)。 我注意到当我在小屏幕上运行页面时(宽度小于760 on )。与单击“我不是机器人”按钮相比,标题会扩展到大视图,页面宽度会意外地增长。 我注意到从html标记中移除“位置:相对”可以修复问题,但会破坏粘性页脚。不幸的是,我找不到任何其他解决方案的粘性页脚与固定的页眉很好地工作。 我上传了,复制这个问题 任何想法都将不胜感激,谢谢! 迈尔
浏览 1
提问于2015-07-26
得票数 0
回答已采纳
1
回答
带有粘性页眉和粘性页脚项的RecyclerView
android
、
android-recyclerview
我正在尝试创建一个类似于以下结构的RecyclerView: 它应该是一个分段的 RecyclerView,具有粘性页眉和粘性页脚。 对于其他words...each部分(或条目),应该有一个具有可滚动内容的粘性页眉和一个粘性页脚。 有谁知道如何做到这一点吗? 提前感谢!
浏览 9
提问于2017-04-24
得票数 1
2
回答
CSS -粘性页脚+边栏问题
html
、
css
、
sidebar
、
sticky-footer
我有一些问题与一个网站的布局,有一个标题,内容,“粘性”页脚,和一个侧栏。粘性页脚、页眉和内容组合本身并不是问题,但我无论如何也想不出如何在不破坏页脚“粘性”的情况下添加一个从页眉一直到页脚的侧边栏。 我现在接近它的方式涉及到绝对定位。我基本上创建了一个标题div (height: 71px; top: 0px;)、一个脚注div (bottom: 0px; height: 30px;)和一个内容div (top:71px;bottom:30px;)。然后,我将侧边栏放在content div中的左侧,并将其高度设置为100%,并在其旁边添加另一个div (称为"view")来
浏览 2
提问于2012-04-28
得票数 0
回答已采纳
2
回答
100%宽度粘贴页脚+页眉,但居中3列内容与高度100%?
css
、
sticky-footer
我试图创建一个网页设计与全宽度固定菜单,一个全宽度标题,960px宽居中的内容与3列(每一列与高度100%)和一个全宽度粘性页脚。 在我见过的所有工作示例中,页眉、内容和页脚的宽度是相同的。 (编辑)我的问题是使列延伸到屏幕的全部高度,从页眉的底部到页脚的顶部,在任何屏幕大小。 我已经举了一个例子来说明我正在努力实现的目标: 这是可能的CSS吗?
浏览 2
提问于2012-02-02
得票数 0
回答已采纳
2
回答
是否有一种方法可以创建一个可变宽度的页眉和页脚,中间有一个滚动的主div?
html
、
css
、
layout
我对构建一个css布局很感兴趣,它有一个页眉、页脚和div#main,用于一个单一的页面应用程序/站点。我希望支持所有主要浏览器IE9和up,以及所有的移动浏览器/移动IE9视图(用于混合应用程序)。 我需要页眉坚持到窗口视图的顶部(足够简单),页脚坚持到窗口视图的底部(有点棘手,但不太困难),在它们之间的div#main以适应他们不占用的确切高度,并且是“scrollable.‘”。问题是,我希望页眉和页脚内部的字体大小在不同的设备和浏览器之间有所变化,所以我不能真正设置它们的高度(可以吗?)如果是这样的话,我不能设置div#main的高度,这使得它很难放置。 任何帮助都会动摇!
浏览 2
提问于2014-06-21
得票数 0
回答已采纳
2
回答
当最小宽度大于屏幕宽度(即移动设备)时,粘性页脚不能工作。
html
、
css
我有一个网站,我不想要响应,并设置了一个最小宽度(1024 as )的身体和页脚,所以它看起来像移动和桌面上一样。正因为如此,当在移动上垂直浏览网站时,内容将不会占用整个页面,所以我想让页脚粘在页面底部。 发行: 在移动设备上,当垂直查看网站时,页脚不会被推到屏幕底部,而只是被推到内容的底部,就好像粘性页脚代码没有被应用一样。它同时适用于我的MacBook和iPad,但不适用于我的iPhone或小米红米。我猜是因为移动设备的宽度小于我设定的最小宽度。 代码基本如下(来自mystrd的现代清洁css粘性页脚教程) <!DOCTYPE html> <head> &l
浏览 7
提问于2016-04-15
得票数 1
回答已采纳
2
回答
如何定位定位和创建粘性标题
html
、
css
、
css-position
、
web-development-server
这是我的页眉和css,为什么当我将位置改为固定它时,它会消失,我想被修复,因为我想在顶部制作一个粘性的页眉** <div id="header"> <div class="wrapper"> <div id="logo"> <img src="images/logo.jpg" width="115px" height="114x;"/> </div&g
浏览 2
提问于2016-09-08
得票数 1
1
回答
引导导航栏无法打开-移动视图
jquery
、
twitter-bootstrap
、
navbar
、
sticky
我有一个粘性导航与此代码(这不是我的) // Create a clone of the menu, right next to original. $('nav').addClass('original').clone().insertAfter('.navbar-default').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0
浏览 1
提问于2015-08-07
得票数 0
1
回答
移动设备和平板电脑粘性头上奇怪的闪烁
jquery
、
html
、
css
、
jquery-mobile
、
swipe
几个星期以来,我一直在努力解决这个问题。有很多事情要做,所以我会尽我所能解释。但我想解决的是,当移动设备或平板电脑上的页面上下滑动时,网站粘性导航中的一个奇怪的闪烁。它只在两个页面上这样做,所以我知道与粘性头jQuery和这些页面上的其他一些javascript函数有冲突。 因此,我们使用这个类来检测移动浏览器和平板浏览器。我们还使用jQuery移动库利用滑动手势在图像滑块中滑动。我遇到的主要页面是工作页:,它没有滑块,但使用。 jQuery移动库似乎是导致闪烁的原因,因为删除它可以消除闪烁。这就像当你点击或滑动你的设备时,它会随机地导致标题导航失去它的持久类。 因此,我甚至不知道在这里显示什
浏览 2
提问于2013-07-03
得票数 0
5
回答
由于css不正确,网页在不同分辨率上显示不正确
javascript
、
jquery
、
html
、
css
我的一个网页有一些问题,主要是在移动设备上,但也会影响到桌面设备,--我愿意(当堆栈溢出允许的时候)--给谁能帮助解决这些问题-- HTML: CSS: JSFiddle: 问题1-左/右滚动图像按钮 目前,我的左右滚动图像按钮是使用onmouseover和onmouseout在html中完成的,我希望能够将它们转换成基于css的“按钮”。 问题2-动态分辨率 头和页脚不是动态的,具有不同的分辨率--例如,我在1680x1050监视器上创建了一个页面,它看起来像:,但是使窗口看起来更小: 在Nexus 4手机上默认缩放,其外观如下: 在Nexus
浏览 4
提问于2013-11-14
得票数 8
回答已采纳
1
回答
如何使粘性页眉和页脚有箭头按钮显示/隐藏conent作为Google与CSS/Boostrap和Jquery
jquery
、
css
请帮助我使粘性页眉和页脚有箭头按钮显示/隐藏内容作为Google广告的CSS/引导和Jquery 演示粘贴页脚单击左上角的向下箭头按钮,隐藏内容并显示向上箭头按钮。当我单击向上箭头按钮时,页脚的内容将再次显示。
浏览 2
提问于2021-07-29
得票数 0
1
回答
我可以给我所有的以html开头的容器100%的高度吗?
html
、
css
、
responsive-design
我在我的webpage.In中有一个粘性的页眉和粘性的页脚在这两个之间,内容是生成的dynamically.But如果内容小于屏幕或设备的高度它看起来奇怪(有白色背景的空间).What如果我想让我的页面看起来完全被占用该怎么办?请提供给我一个最好的approach.My网页应该看起来一样,在每个device.Even中有较少的内容,包装背景图像应该占据整个设备屏幕,因为我的页脚是粘连在底部。 .header{ position:fixed; top:0; height:60px; } .content{ margin-top:60px; padding:5px; margin-bottom:6
浏览 0
提问于2015-06-12
得票数 3
2
回答
将边距-底部添加到固定div中。
javascript
、
jquery
、
css
有几个页面,我想通过放置一个脚本来动态地添加一个粘性的标题。这段代码在js放置的任何地方都会添加标题。但是,粘性页眉应该有一个页边距-底部,这样标题和内容之间就有了分离。 正如你在小提琴中看到的,标题掩盖了一些内容。 我不能更改“内容”css中的任何内容。因此,这是否可以通过修改js或头css中的任何内容来实现。 向#MarkerTools添加页边距的css不起作用 HTML: <div id="form"> <div id="content">Lorem ipsum</div> </div> CSS:
浏览 3
提问于2014-12-18
得票数 0
回答已采纳
2
回答
使用粘性页脚的内容的100%高度
javascript
、
jquery
、
css
编辑 我在这里更新了一个供人们尝试。有一个使用javascript的工作解决方案,由@Aspiring提出。(仅限于CSS)解决方案仍然非常受欢迎。 原始员额 我成功地创建了一个粘性页脚,使用下面的。页脚工作得很好。我在创建一个内容div .content时遇到了问题,它完全粘在页眉和页脚之间。 到目前为止,我有这个(黄色的.content): 我无法做到这一点(.content包含在页眉和页脚之间): 我已经生成了下面的。 有什么办法可以做到吗?
浏览 0
提问于2013-03-02
得票数 0
回答已采纳
1
回答
粘性页脚中的粘性页脚
javascript
、
html
、
css
环境: ASP.NET MVC4、Visual Studio2012 我在我的网站上有一个“粘性脚注”,其中包含通常的版权声明以及联系方式、隐私政策等链接(我使用的是的粘性脚注代码)。实现此方案的超文本标记语言位于“我的网站模板”(_Layout.cshtml)中。 仅供参考,我不是一个坚持使用纯CSS来做这件事的人。我的网站是一个相当特殊的网站,我毫不犹豫地要求我的客户启用JavaScript。 例如: + |页眉,来自_Layout.cshtml + |页面正文,从我的视图 | | |粘性的“正文”页脚,在我看来 + |页脚,来自_Layout.cshtml +
浏览 0
提问于2013-03-08
得票数 0
2
回答
@媒体屏幕不支持移动端渲染
android
、
html
、
css
、
jquery-mobile
我在css中使用了媒体屏幕查询,但问题是它不能在移动设备上呈现。它为计算机屏幕大小渲染,但当涉及到移动设备时,它不能工作。 这是我的css .featured-post-image{ position:absolute; left:0; right:0; width:100% !important; height:100%; max-height:700px !important; } .wrap{ position:relative; padding-top:37em; } @media only screen and (min-device-width: 320px) and (m
浏览 4
提问于2016-09-16
得票数 0
1
回答
粘性页脚跳到移动屏幕上
html
、
css
、
zurb-foundation
在我的web应用程序中,我有一个用于小屏幕的粘性页脚。问题是粘性页脚根据键盘的状态上下跳。 我正在寻找它被覆盖在移动键盘。下面是用于粘性页脚的css width: 100%; position: fixed; bottom: 0; height: 85px; left: 0; right: 0; 有什么解决办法吗?
浏览 4
提问于2015-05-18
得票数 3
回答已采纳
2
回答
我们的通知栏不像预期的那样在移动设备上工作。
html
、
css
、
scroll
、
media
、
marquee
我们有我们的网站在wordpress,下面是链接供您参考。 https://timesandtrendsacademy.com/ 有一个页,这是显示在我们的网站的每一页底部的粘性和滚动模式。我把一些自定义css为相同的全宽度外观,下面供您参考, .foobar-container-left{display:none;} .foobar-container-right{display:none;} #foobar-message-0{width:100%;} @media only screen and (max-width:500){ #branches{width:100%;} } 它在桌
浏览 0
提问于2018-04-26
得票数 0
回答已采纳
2
回答
CSS3/HTML5带有侧面导航和内容区域的粘性页眉/页脚
html
、
css
、
header
、
footer
、
sticky
我正在尝试使用CSS3实现一个网页布局,其中的页眉和页脚是粘性的。还有一个左侧的导航框架,它从页眉延伸到浏览器页面的底部。一旦内容超出页面底部,侧边导航框架就可以滚动。最后,有一个从页眉延伸到页脚的右侧内容框架。一旦内容超出页脚,内容框架也是可滚动的。 我已经搜索了这个网站和其他网站,我似乎找不到确切的我正在寻找。有没有人实现了这样的布局,或者给我指明了正确的方向。 谢谢。
浏览 1
提问于2014-11-20
得票数 0
2
回答
CSS:动态最小高度取决于分辨率
header
、
footer
、
css
可以计算css文件中两个div之间的差异吗?目标是将内容div的高度设置为固定页眉和页脚之间给定的最大高度。例如,我们有一个高度为25%的页眉div和一个高度为15%的页脚,两者都是固定的。内容之间的空白处应该始终完全填满。因此,由于间隙将根据客户端显示器上设置的分辨率而变化,因此我需要类似以下内容: min-height =浏览器高度-(页眉高度+页脚高度) 再见..。
浏览 0
提问于2012-05-21
得票数 1
2
回答
在java中使用iText库时如何编写页眉
java
、
itext
我正在开发一个报告生成应用程序,它可以跨多个页面提供表格数据。我正在使用pdfTable创建表格数据。我是添加页眉的问题。问题是,当我添加页眉onEndPage事件处理程序时,我无法使表在特定间隙之后启动,因此页眉是可见的。
浏览 3
提问于2009-06-08
得票数 4
回答已采纳
1
回答
HTML5 -在页面转换之间保持页眉和页脚的稳定
html
、
jquery-mobile
、
cordova
是否有一种方法可以保持页面页眉和页脚的稳定,并且在两个页面之间转换时只移动jquerymobile中页面的内容部分? 我有以下两页 page1.html <header> .... </header> <content> ....<!--content1--> </content> <footer> ..... </footer> page2.html <header&
浏览 0
提问于2013-10-09
得票数 0
1
回答
创建高度以百分比定义的可滚动内容区域时出现问题
javascript
、
jquery
、
html
、
css
我们正在创建一个具有页眉、内容和页脚的网页。页眉和页脚应该始终可见,内容应该是可滚动的。容器div有固定的宽度,但没有固定的高度。我解决了页脚留在最后的问题,使用css的粘性页脚()内容区域被分成两部分(content1和content2),并且有一个灵活的可滚动的div。 问题是,内容区域的高度并不是绝对定义的(即100%)。我们希望当content1或content2中的数据超过屏幕尺寸时,它会自动溢出到自己的独立滚动条中,并且页眉和页脚仍然可见。 我们希望避免使用iframe。有没有什么办法,我们可以用javascript (jquery或其他)来实现呢?我们受到goole docs主页
浏览 3
提问于2009-07-29
得票数 1
2
回答
固定页眉+粘性页脚
header
、
css-position
、
sticky-footer
嘿Stackoverflow团队, 我有一个固定的页眉和粘性页脚的小问题。代码可以在这里找到: 我想要实现的是:+页眉,它总是在顶部,即使在滚动期间-它总是在同一位置可见,+页脚,它粘在页面的底部-它在滚动过程中是不可见的,除非你会到达页面的底部。 我发现固定位置不能以某种方式与粘性页脚一起工作: 有什么想法吗?
浏览 0
提问于2012-08-19
得票数 3
2
回答
移动滚动上的滞后元素位置更新
javascript
、
jquery
、
iscroll
我正在尝试制作一个粘性的标题+第一个列表。在桌面浏览器上运行良好。 然而,当我在移动设备上滚动表格的x轴时,位置更新正在拖动,即不够快。 我读过很多关于的帖子。我真的不确定在这种情况下如何恰当地使用它。是否应该截获tbody滚动事件,按照默认行为并根据iScroll的事件值更新位置?请在这里给我指出正确的方向:) $(function() { var $tbody = $('tbody'); $tbody.on('scroll', function(e) { var left = $tbody.scrollLeft(); $('
浏览 8
提问于2017-01-30
得票数 8
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS粘性定位是怎样工作的每日前端夜话0x1F
2种方法,在Word里面显示或隐藏页面间空白
不可思议的纯CSS导航栏下划线跟随效果
渣土破碎机 移动砂石生产线 移动制砂机
响应式开发一招致胜
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券