Question

我正在尝试向下滚动图像src。实际上是this is my question before。但是建议答案是正确的。

但是当我尝试在 window.scroll 上发出警报时。我没有收到任何警报

$(document).ready(function () {

        $(window).scroll(function () {
            if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                alert("END!");
    }
});

即使我尝试了如下所示的文档之外

{
    ViewBag.Title = "Mobile";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<head>
<script src="~/scripts/jquery-3.3.1.min.js"></script>
<script src="~/scripts/Mobile/mobile.js"></script>

    <script>
    $(window).scroll(function () {
            alert("END!");     // also this one is not firing
    });

</script>
</head>

我的目标是从顶部滚动条到达100时设置了图像src

更新

我也尝试过一个，但没有得到警告

<script>
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() < 100) {
                alert("success");

            }
        });
    });
</script>

我正在使用Asp.net MVC框架



我有_Layout.cshtml，这是它具有jquery链接的文件



我有一个查看页面mobile.cshtml。无论我在mobile.cshtml内编写代码，它都会在_Layout.cshtml文件内呈现



我在mobile.cshtml

中提供了mobile.js文件脚本链接

Answer 1

(function(){
  $(window).scroll(function(){
    if($(this).scrollTop()>=100){
        // change image source
    }
  });
});

Answer 2

不启动滚动功能的原因是，必须先等待文档就绪事件被触发，然后才能进行连接。该代码可以正常工作并显示警告：（您在尝试中的注释中看到它，但是文档中拼写错误……不确定是否有错字）。

$(document).ready(function () {

        $(window).scroll(function () {
            if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                alert("END!");
            }
        })
    });  //These are what you are missing above.

为什么window.scroll无法使用Jquery触发？

2 个答案: