滚动页面时帖子标题始终固定

发布于 2024-11-28 17:27:19 字数 1175 浏览 0 评论 0原文

我用的是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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

眼藏柔 2024-12-05 17:27:19

在CSS中,使用position:fixed;。另外,检查代码中是否有多余的空格...

In CSS, use position: fixed;. Also, check for extra spaces in your code...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文