固定标头的值

debugcn 发表于 Dev

用户名

我想知道，如果要保持<header>固定不变，该标头中的图像及其下面的项目应该携带什么值？在这里，我尝试创建可收缩的固定页眉，但是图像无法调整到页眉的大小，并且在页眉收缩时保持不变。我尝试将溢出值保持为可见以及隐藏，并且它不起作用。标头下面的内容也会覆盖它，最终变成标头。我应该在这里使用哪种值？下次如何使自己更容易使用？

小提琴：

http://jsfiddle.net/Lf7ys6v4/2/

到目前为止，这是我尝试过的。

http://jsfiddle.net/Lf7ys6v4/16/

标题会按照我的要求减小大小，并且固定菜单不会出现歪斜的现象。我遇到的主要问题之一是，徽标和右侧的图像以及文字的大小并没有像标题一样减小。菜单也存在一些问题（标题减小时，菜单和标题之间的间隙）。

（我添加了错误的小提琴。正确的小提琴已更新）

糯米饭

您需要设置标题和菜单，position:fixed;并设置标题，菜单和内容的顶部位置：

$("#cssmenu").css('top',$('header').height());
$('.content').css("top",($('header').height() + $("#cssmenu").height())) ;.

CSS：

.content{
    position:relative;
}

#cssmenu {
    position: fixed;
}

在这里检查小提琴。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-11

我来说两句

0条评论

登录后参与评论

来自分类Dev

重叠动态固定标头

来自分类Dev

高度固定的CSS固定标头

来自分类Dev

使用CSS的HTML表固定标头

来自分类Dev

在固定标头之后添加元素

来自分类Dev

偏移固定标头的锚点部分

来自分类Dev

200滚动后的jQuery固定标头

来自分类Dev

关于MQTT固定标头结构？

来自分类Dev

固定标头影响锚点

来自分类Dev

固定标头引导程序的位置

来自分类Dev

PhoneGap上的jQuery移动固定标头

来自分类Dev

如何使用SlickNav制作固定标头

来自分类Dev

使用CSS的HTML表固定标头

来自分类Dev

使固定标头看起来持久

来自分类Dev

GridView固定标头溢出容器

来自分类Dev

平稳滚动的固定标头帐户

来自分类Dev

HTML固定标头失败ID使用

来自分类Dev

在bootstrap 3 modal中固定标头位置

来自分类Dev

具有固定标头的Angular Js无限滚动

来自分类Dev

引导表固定标头不起作用

来自分类Dev

Twitter Bootstrap模态打开/关闭导致固定标头跳转

来自分类Dev

Bootstrap导航栏-从移动设备中删除固定标头

来自分类Dev

ng-grid弹性高度插件和固定标头

来自分类Dev

固定标头的偏移锚点，但保持永久链接不变

来自分类Dev

如何获得带有固定标头的Richlistbox？

来自分类Dev

如何使用CSS在Mobile上禁用固定标头

来自分类Dev

material-ui LeftNav中的固定标头

来自分类Dev

根据固定标头的高度偏移内容的上边距

来自分类Dev

数据表固定标头不向左或向右滚动

来自分类Dev

如何使用CSS平滑滚动补偿固定标头？

Related 相关文章

文章