滚动页面时帖子标题始终固定
我用的是wordpress。
用户:用户
密码:123abc
我希望滚动页面时帖子的标题始终固定。 http://www.correnteparaobem.com.br/onde -se-encontra-a-casa-de-deus
例如:
我们打开了一篇文章,标题我们已经就位了标准。 一旦浏览完页面,它就会保持在网站的顶部。 当爬上屏幕时,他又回到了原处。
我尝试指导我完成本教程:http://pt.w3support。 net/index.php?db=so&id=1216114
我将标题更改为 div:
< div class="postheader"> < ? php the_title ();> < / div>
我尝试了 css:
. postheader {
margin: 0.2em 0;
padding: 0;
font-size: 18px;
color: # 3f5e73;
background-color: # ffffff;
color: # 3f5e73;
height: 30px;
position: absolute;
top: 0px;
width: 400px;
z-index: 100;
}
在正文中,此脚本:
$ (window). scroll (function (e) {
$ el = $ ('. postheader');
if ($ (this). scrollTop ()> 0 & & $ el.css ('position')! = 'fixed') {
$ ('. postheader'). css ({'position': 'fixed', 'top': '0 px '});
}
});
未获取结果
I use wordpress.
user: user
pass: 123abc
I wish the title of the post always fixed when scrolling page.
http://www.correnteparaobem.com.br/onde-se-encontra-a-casa-de-deus
For example:
We opened an article, the title we have in place standard.
Once down the page, it keeps it on top of the site.
When climbing the screen, he returns to the place of origin.
I tried to guide me through this tutorial: http://pt.w3support.net/index.php?db=so&id=1216114
I changed the title to a div:
< div class="postheader"> < ? php the_title ();> < / div>
I tried the css:
. postheader {
margin: 0.2em 0;
padding: 0;
font-size: 18px;
color: # 3f5e73;
background-color: # ffffff;
color: # 3f5e73;
height: 30px;
position: absolute;
top: 0px;
width: 400px;
z-index: 100;
}
And in the body, this script:
$ (window). scroll (function (e) {
$ el = $ ('. postheader');
if ($ (this). scrollTop ()> 0 & & $ el.css ('position')! = 'fixed') {
$ ('. postheader'). css ({'position': 'fixed', 'top': '0 px '});
}
});
Not getting results
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在CSS中,使用
position:fixed;
。另外,检查代码中是否有多余的空格...In CSS, use
position: fixed;
. Also, check for extra spaces in your code...