下面这串代码适合侧边栏较长的用户,如有JavaScript加载的模块高度会判断出错,建议侧边栏没有JavaScript模块的用户使用。
当滚到
#suggested
时置顶该模块,可以按自己的需要修改。
jQuery(document).ready(function($) {
$.fn.smartFloat = function() {
var position = function(element) {
var top = element.position().top,
pos = element.css("position");
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls > top) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0
} else {
element.css({
top: scrolls
} else {
element.css({
position: "absolute",
top: top
return $(this).each(function() {
position($(this));
//绑定,将引号中的内容替换成你想要下拉的模块的ID或者CLASS名字,如"#ABC",".ABC"
$("#suggested").smartFloat();