Jquery禁用滚动直到滚动某个高度

Question

我正在尝试在此页面上重新创建标题效果 https://staffhub.office.com/

页面不会滚动直到滚动某个高度。 我猜你每次滚动每个部分时都会动画标题的不同部分。

我猜这可以在Jquery

中完成

Answer 1

你猜对了。

＆＃13;

＆＃13;

$("#idOfScrollingDiv").scroll(scroll1);



function scroll1() {
  if($("#idOfScrollingDiv").scrollTop() > $("#breakpointDiv").position() {
    $("#idOfScrollingDiv").scroll(scroll2);
  }
  else {
    //desired scroll1 behaviour
    //i.e. flip between slides
    //and prevent dfault behaviour
  }
}
function scroll2() {
  if($("#idOfScrollingDiv").scrollTop() <= $("#breakpointDiv").position() {
    $("#idOfScrollingDiv").scroll(scroll1);
  }
  else {
  //normal scrolling
  }  
}

＆＃13;

＆＃13;

＆＃13;