Question

例如，我试图创建一个可向下滚动多个div的滚动按钮。

这是我的意思的示例代码。

$('#form-id').change(function(){
....
});

我知道如何使按钮仅滚动一个div，但我不知道如何使按钮首先滚动到1，然后滚动2，然后滚动3，等等。

这是按钮的代码

$(document).ready(function () {

$('input').on('ifClicked', function (event) {
    var value = $(this).val();
    if(value=='No'){
    $(this).closest('body').find("input[data-value=" + this.name + "][type=text]").prop('disabled', true);
    $(this).closest('body').find("input[data-value=" + this.name + "][type=text]").val('0').trigger('change');
    } else {
    $(this).closest('body').find("input[data-value=" + this.name + "][type=text]").val(''); 
    $(this).closest('body').find("input[data-value=" + this.name + "][type=text]").prop('disabled', false);
    }
        });
        });

尝试一下：

uiStackView.translatesAutoresizingMaskIntoConstraints = true

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>

Answer 1

要实现此目的，您可以在当前if(index < sentences.Length - 1){ index++; dialogText.text = ""; StartCoroutine(Type()); } else { dialogText.text = ""; continueButton.SetActive(false); index = 0; }元素上设置一个类，然后使用active查找要滚动到下次单击该按钮的元素。到达要滚动的元素的末尾时，可以回到起点。请注意，我在next()元素中添加了一个常见的content类，以使其更加可靠。试试这个：

div

$(function() {
  $('a[href*="#"]').on('click', function(e) {
    e.preventDefault();
    var $target = $('.content.active').next('.content');
    if ($target.length == 0)
      $target = $('.content:first');
      
    $('.active').removeClass('active');
    $target.addClass('active');
      
    $('html, body').animate({ 
      scrollTop: $target.offset().top
    }, 500, 'linear');
  });
});

.content {
  height: 250px;
}

#scrolldownButton {
  position: fixed;
  top: 20px;
  right: 50px;
}

.active {
  background-color: #EEE;
}

如何使此按钮滚动多个div？

1 个答案: