我正在尝试将一些jQuery代码移植到纯JavaScript中。当前的jQuery代码在用户向下滚动到data-page-scrolled-offset body元素中data属性中设置的特定偏移量时，会切换body元素中的is-page-scrolled类。如果用户再次向上滚动到页面顶部，该类将被关闭。

我的工作jQuery代码：

var scrolled_page_offset = parseInt( $( 'body' ).data( 'pageScrolledOffset' ) );
var scrolled_page = function() {
    var scroll_top = window.pageYOffset;
    $( 'body' ).toggleClass( 'is-page-scrolled', scroll_top > scrolled_page_offset );
};

$( window ).on( 'scroll', function() {
    scrolled_page();
} );

scrolled_page();

我的非工作纯JavaScript代码：

var scrolled_page_offset = parseInt( document.body.dataset.pageScrolledOffset );
var scrolled_page = function() {
    var scroll_top = window.pageYOffset;
    if ( scroll_top > scrolled_page_offset ) {
        document.body.classList.toggle( 'is-page-scrolled' );
    }
};

window.addEventListener( 'scroll', function() {
    scrolled_page();
} );

scrolled_page();

我建议的纯Javascript代码没有按预期工作，因为当用户在页面中向下滚动时，它会间歇性地打开和关闭类。
我做错了什么？