带有jQuery的特定于目标的div

我有一个返回顶部按钮在我的HTML在一个特定的div，这是一个滑出面板

<div class='back-to-top' id='back-to-top' title='Back to top'><i class='fa fa-chevron-up' /></div>

问题是，当面板关闭时，当我首先滚动正文（首页）时，按钮会显示，当我打开面板并滚动返回顶部时，按钮不会显示

我不确定如何定位那个特定的div（滑出面板），当我打开它并在其中滚动时，会显示“返回顶部”按钮。 我想，$（文档）或return$（窗口）有问题吗

小提琴：

$（窗口）。滚动（函数（）{

将事件处理程序绑定到

html，body

上的“滚动”事件。如果要检测面板上的滚动事件，需要在滚动函数中以面板为目标。按如下方式更改JS：

jQuery(document).ready(function($){
    //open the lateral panel
    $('.cd-btn').on('click', function(event){
        event.preventDefault();
        $('.cd-panel').addClass('is-visible');
    });
    //clode the lateral panel
    $('.cd-panel').on('click', function(event){
        if( $(event.target).is('.cd-panel') || $(event.target).is('.cd-panel-close') ) { 
            $('.cd-panel').removeClass('is-visible');
            event.preventDefault();
        }
    });

  $('.cd-panel-content').scroll(function() {
    if($('.cd-panel-content').scrollTop() > 200) {
      $("#back-to-top").addClass("show");
    }
    else {
      $("#back-to-top").removeClass("show");
    }
  });

  $("#back-to-top").click(function() {
    $('.cd-panel-content').animate({scrollTop: "0"});
  });

});

$（窗口）。滚动（函数（）{

将事件处理程序绑定到

html，body

上的“滚动”事件。如果要检测面板上的滚动事件，需要在滚动函数中以面板为目标。按如下方式更改JS：

jQuery(document).ready(function($){
    //open the lateral panel
    $('.cd-btn').on('click', function(event){
        event.preventDefault();
        $('.cd-panel').addClass('is-visible');
    });
    //clode the lateral panel
    $('.cd-panel').on('click', function(event){
        if( $(event.target).is('.cd-panel') || $(event.target).is('.cd-panel-close') ) { 
            $('.cd-panel').removeClass('is-visible');
            event.preventDefault();
        }
    });

  $('.cd-panel-content').scroll(function() {
    if($('.cd-panel-content').scrollTop() > 200) {
      $("#back-to-top").addClass("show");
    }
    else {
      $("#back-to-top").removeClass("show");
    }
  });

  $("#back-to-top").click(function() {
    $('.cd-panel-content').animate({scrollTop: "0"});
  });

});

---

您可以发布小提琴吗？此处：@smdsgn当您打开面板并滚动主体时，会显示从后到上，但如果您滚动面板，则不会显示。您可以发布小提琴吗？此处：@smdsgn当您打开面板并滚动主体时，会显示从后到上，但如果您滚动面板，则不会显示