Question

仅在隐藏类或表单打开时滚动到该项。看看jsfiddle。

http://jsfiddle.net/jdE2v/93/ 你能快点看看吗？这是我能得到的最接近的。

// toggle and hide all but the form u want to edit
$('[class^="toggle-new-form"]').click(function() {
    var el = $(this).parent().next();
    $('[class^="new-form"]').not(el).addClass('hidden');
    el.toggleClass("hidden");
});

// scroll down to view to see all payment Options
$('.scroll-payment-options').click(function() {
    $('body,html').animate({
        scrollTop: $(".scroll-payment-options").offset().top
    }, 800);
});

Answer 1

使用hasClass检查元素是否具有隐藏类，如下所示：

// toggle and hide all but the form u want to edit
$('[class^="toggle-new-form"]').click(function() {
  var el = $(this).parent().next();
  $('[class^="new-form"]').not(el).addClass('hidden');
  el.toggleClass("hidden");
});

// scroll down to view to see all payment Options
$('.scroll-payment-options').click(function() {
  if(!($(this).parent().find('[class^="new-form"]').hasClass('hidden'))){
    $('body,html').animate({
      scrollTop: $(".scroll-payment-options").offset().top
    }, 800);
  }
});

Fiddle

如果隐藏了类，则javascript然后滚动

1 个答案: