【发布时间】:2018-04-24 14:04:32
【问题描述】:
我想在我的 WordPress 网站上添加粘性侧边栏。我通过不同网站上提供的材料尝试了很多次,但从未成功。
我不想使用 WordPress 插件,因为大多数此类插件已经很多年没有更新了。
【问题讨论】:
-
有任何代码给我们吗?
标签: css wordpress html twitter-bootstrap twitter-bootstrap-3
我想在我的 WordPress 网站上添加粘性侧边栏。我通过不同网站上提供的材料尝试了很多次,但从未成功。
我不想使用 WordPress 插件,因为大多数此类插件已经很多年没有更新了。
【问题讨论】:
标签: css wordpress html twitter-bootstrap twitter-bootstrap-3
你可以通过使用jquery添加动态类来做到这一点
这是我在我的一个网站上使用的示例代码,用于滚动动态类添加。
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll > 100) { // This is scroll height you can change as per your need
$(".mobile_menu").addClass("sticky-sidebar"); // sticky-header is class which will add and mobile_menu is the base class where sticky-header will be added.
} else {
$(".mobile_menu").removeClass("sticky-sidebar");
}
});
最后需要添加类似位置的css:fixed;和 z-index:9999;
【讨论】: