Question

我刚刚开始使用带有Divi主题的WP。但是，我很快遇到了主题的第一个限制，现在我试图手动排除这个。

我之前尝试过找到这个问题的解决方案（如果我可以说的话），但是我无法解决为什么我的问题仍然存在 - 主要是因为我以前没有使用Javascrip / jQuery的经验。

我要做的是：

有多个按钮，点击后会显示不同的div。一旦用户选择了不同的一个，就应隐藏前一个 - 目前我只使用两个按钮进行测试。

工作原理：

隐藏和显示都有效，如果按顺序使用按钮则没有问题：单击1.按钮显示 - ＆gt;点击1.按钮隐藏 - ＆gt;然后单击2.按钮显示等。

我的问题：

但是，如果第一个按钮的div是可见的并且单击了第二个按钮，那么它应该做什么，但滚动到页面的最后。这是我试图阻止的行为。

我还没有理解，我如何能够获得必要的HTML来创建一个有效的JSFiddle，但下面是代码，它由主题实现到页面主体中。它主要基于我在本网站上找到的一些代码，但我似乎无法找到原始帖子。

我尝试过使用scrollTop以及当前的tempScroll，我在另一篇文章中看到了它作为保存滚动位置和调用它的方法。但是，无论我投入什么，它似乎都不会改变行为。

我很欣赏任何正确方向的指示或其他帮助，希望我能正确发布。

干杯

<script type="text/javascript">
jQuery(document).ready(function( $ ) {
  $('.button_verstecken_click').on('click', function(e){
    e.preventDefault();
    var targetDiv = $($(this).attr('href'));
    if(!targetDiv.is(':visible')){
      $('.button_verstecken').slideUp();
      targetDiv.slideDown('slow',function(){);
      e.preventDefault();
    }else{
      $('.button_verstecken').slideUp();
    }
  });
});
</script>

JavaScript / jQuery - 如何从滚动页面停止slideDown

0 个答案: