javascript - LARAVEL 5.8 : Window onscroll, 滚动在 Blade 模板中不起作用

Question

我的laravel 5.8 应用无法使用滚动功能，我不知道为什么。

我的代码在app.blade.php

<script src="{{ asset('asset\js\jquery.min.js') }}"></script> // 3.3.1
.
.
<script>
   window.onscroll = function () {
    console.log('scroll')
   };
</script>
.
.
.
</body>

我尝试过的

 $(document).ready(function() {
     $(window).scroll(function() {
         console.log('scroll')
     }) 
 })

还是不行。我做错了什么？

Answer 1

尝试scrollIntoView

function scrollToC() { divC.scrollIntoView(); }

window.onscroll = function () { console.log('scroll') };

html { scroll-behavior: smooth; }
.block { height: 1000px; width: 300px; margin: 20px; background: yellow; )

<button onclick="scrollToC()">Scroll to C</button>
<div id="divA" class="block">a</div>
<div id="divB" class="block">b</div>
<div id="divC" class="block">c</div>