Question

脚本未在模态窗口中运行

2015-08-03

96

javascript jquery css

我有一个脚本，当锚点触及页面顶部时，背景会发生变化。

var targetOffset = $("#anchor-point").offset().top;

var $w = $(window).scroll(function () {
   if ($w.scrollTop() > targetOffset) {
      $(".projectTitle").addClass("topper");

} else {
    $(".projectTitle").removeClass("topper");
       }
});

但是，当它位于模态窗口内时，它不起作用。

https://jsfiddle.net/qhrmtass/

Answer 1

我相信您需要将滚动事件附加到正在滚动的元素上。

$('.remodal').scroll(function () {

  console.log('Scrolling...');

  if ($('.remodal').scrollTop() > targetOffset) {
    $(".projectTitle").addClass("topper");
  } else {
    $(".projectTitle").removeClass("topper");
  }
});

更新的小提琴