Question

我想为移动菜单创建一个不错的滚动体验，我的想法是.fade在菜单中，并使用.fadeOut淡出主网站包装，这样你就可以获得更好的弹性滚动移动设备，而不是毛躁的位置：固定/正文滚动在业务之下，即使在iOS 10和Android上也是如此。

显然，当包装器显示时：无实体只是视口的高度，它将页面跳到顶部，一旦包装器重新淡入，是否可以返回旧的滚动位置？

任何帮助或问题都会很棒！

干杯

<div class="menu" id="open-menu">
  <div class="menu-bttn">

  </div>
</div>
<div class="mob-menu">

</div>
<div class="site-wrapper">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Prodest, inquit, mihi 
eo esse animo. Non dolere, inquam, istud quam vim habeat postea videro; Et 
ille ridens: Video, inquit, quid agas; Hinc ceteri particulas arripere conati 
suam quisque videro voluit afferre sententiam. Inde sermone vario sex illa 
</p>
</div>
<script>
$('#open-menu').click(function() {
    $('.site-wrapper').fadeToggle('fast');
    $('.mob-menu').fadeToggle('fast');
});
</script>

Answer 1

我已经更新了你的小提琴。请检查this

<script>
$(document).ready(function() {
    $('.checkDeviceCategory').click(function() {
        var value = '{{$showcategory->subCategoryName}}';
        alert(value);
    });
});
</script>

在body fadeOut之前存储滚动位置，然后在body fadeIn后返回滚动位置？

1 个答案: