javascript - 脚本未在模态窗口中运行

Question

我有一个脚本可以在 anchor 触及页面顶部时更改背景。

https://jsfiddle.net/u9pexc4v/

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");
  }
});

Updated fiddle