jquery在滚动到div时更改输入值 编辑：

决议

当鼠标滚动到该页面时，我试图更改输入值

HTML:

<div class="pagenum">
    Page num: <input type="text" id="pagenum"> / 3
</div>
<div class="page-container">
    <div class="page" id="page-1" data-page-no="1">
        This is div #1
    </div>
    <div class="page" id="page-2" data-page-no="2">
        This is div #2
    </div>
    <div class="page" id="page-3" data-page-no="3">
        This is div #3
    </div>
</div>

JS:

但它不能做我想做的事

有人能帮我吗

更多：在输入框中填充数字时，我想对该页面设置动画

---

感谢您编辑我的帖子。

下面是我使用的jQuery代码：

var disable_scroll = false;
$(window).scroll(function(event) {
    if(disable_scroll == false){
        if($(window).scrollTop() >= $("#page-1").offset().top){
           var pagenum = $("#page-1").attr('data-page-no');
        }
        if($(window).scrollTop() >= $("#page-2").offset().top){
           var pagenum = $("#page-2").attr('data-page-no');
        }
        if($(window).scrollTop() >= $("#page-3").offset().top){
           var pagenum = $("#page-3").attr('data-page-no');
        }
        $("#pagenum").val(pagenum);
    }
});
$("#pagenum").on('input',function(){
    $(".page").each(function(){
        if($(this).attr('data-page-no') == $("#pagenum").val()){
            disable_scroll = true;
            var selected = $(this);
            $('html,body').animate({
                scrollTop: $(this).offset().top + 1
            }, function(){
                var pagenum = $(selected).attr('data-page-no');
                $("#pagenum").val(pagenum);
                disable_scroll = false;
            });
            return;
        }
    });
});

查看此…

尝试此

$（窗口）。滚动（函数（事件）{
var elem=document.elementFromPoint（50100）；
var pagenum=$（elem）.attr（“数据页编号”）；
$（.pagenum>input”）.val（pagenum）；
});
var temp=document.getElementById（“第2页”）.getBoundingClientRect（）；
如果（温度顶部>-50和温度顶部
$(window).scroll(function(event) {
  var pagenum = $('.page').attr('data-page-no');
  $("#pagenum").val(pagenum);
});

var disable_scroll = false;
$(window).scroll(function(event) {
    if(disable_scroll == false){
        if($(window).scrollTop() >= $("#page-1").offset().top){
           var pagenum = $("#page-1").attr('data-page-no');
        }
        if($(window).scrollTop() >= $("#page-2").offset().top){
           var pagenum = $("#page-2").attr('data-page-no');
        }
        if($(window).scrollTop() >= $("#page-3").offset().top){
           var pagenum = $("#page-3").attr('data-page-no');
        }
        $("#pagenum").val(pagenum);
    }
});
$("#pagenum").on('input',function(){
    $(".page").each(function(){
        if($(this).attr('data-page-no') == $("#pagenum").val()){
            disable_scroll = true;
            var selected = $(this);
            $('html,body').animate({
                scrollTop: $(this).offset().top + 1
            }, function(){
                var pagenum = $(selected).attr('data-page-no');
                $("#pagenum").val(pagenum);
                disable_scroll = false;
            });
            return;
        }
    });
});

var temp=document.getElementById("page-2").getBoundingClientRect();   
    if(temp.top>-50 && temp.top<50)
        $("#pagenum").val(2);
    else
        $("#pagenum").val(1);