Question

我正在整理的这个网页上的几个小问题。

我希望获得当您向下滚动时单击图像以使用鼠标滑动时显示的内容。不确定这是否可行，如果有的话可以帮助。

我试过看，但因为我对jquery这样一个n00b我不确定我在寻找什么。我找到了一些使用标签幻灯片的代码，它根本不是我想要的，所以不确定该命令是什么。

Answer 1

你需要将你的prof_1，prof_2等包装在一个包装器中，我将称之为包装器prof_wrapper

<div id="prof_wrapper"></div>
jQuery(document).ready( function(){
   var orig_t = jQuery("#prof_wrapper").offset().top;
   var mt = jQuery("#main").offset().top;
   var mh = jQuery("#main").outerHeight();

   jQuery(document).bind("scroll", function(event){
      var ph = jQuery("#prof_wrapper").outerHeight();
      var mo = (mt+mh) - jQuery(document).scrollTop();
      var t = jQuery(document).scrollTop();
      if(mo <= ph){  //Find out if the #main element's offset top plus it's height minus the scroll position is less than the prof_wrapper's height; if it is, leave the prof_wrapper at the bottom of the #main element
          jQuery("#prof_wrapper").css({'position':'absolute', 'bottom':'0px', 'top':'auto'});
      }else if(t >= orig_t){ //Otherwise, if we have scrolled past the prof_wrapper, make the prof_wrapper follow us down
        jQuery("#prof_wrapper").css({'position':'fixed', 'top':'0px', 'bottom':'auto'});
      }else{ //We are probably at the top of the page, so reset the original positioning
        jQuery("#prof_wrapper").css({'position':'relative', 'top':'0px', 'bottom':'auto'});
      }
    });
});

你需要添加 - position：相对于你的#main元素，然后我认为这应该非常接近。看看我对prof_wrapper上的填充和边距的评论。

绝对的定位，假设#main是第一个为其分配位置的父元素;如果是这样，那么它将使用它作为底部的定位。

那样的东西？

向上和向下翻页内容

1 个答案: