Fullpage js -我可以添加另一个仅在移动屏幕上可见的完整页面部分吗？

$('#fullpage').fullpage({
  afterLoad: function(origin, destination, direction){
    var index = destination.index;
    if(index === 2 && $(window).width() < 768){
      // 在第三个页面（索引为2）且屏幕宽度小于768px时执行以下操作
      // 添加你想要显示的完整页面部分的内容
    }
  }
});

$('#fullpage').fullpage({
  afterLoad: function(origin, destination, direction){
    var index = destination.index;
    if(index === 2 && $(window).width() < 768){
      // 在第三个页面（索引为2）且屏幕宽度小于768px时执行以下操作
      $('#fullpage').append('<div class="mobile-only-section">这是仅在移动屏幕上可见的完整页面部分</div>');
    }
  }
});

@media (max-width: 767px) {
  .mobile-only-section {
    /* 在移动屏幕上的样式 */
  }
}