$(document).ready(function() {
    $(window).scroll(function() {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > 200) {
            $('#targetElement').show();
        } else {
            $('#targetElement').hide();
        }
    });
});

这段代码中， $(document).ready() 确保在文档加载完成后执行代码。 $(window).scroll() 监听窗口滚动事件，通过获取滚动条的位置（scrollTop），判断是否超过200像素，若超过则显示目标元素，否则隐藏。

再看看原生JavaScript的实现方式。原生JavaScript虽然没有像jQuery那样简洁的语法，但也能轻松实现滚动触发事件。我们通过 window.addEventListener('scroll', function() {}) 来监听滚动事件。示例代码如下：

window.addEventListener('scroll', function() {
    var targetElement = document.getElementById('targetElement');
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollTop > 200) {
        targetElement.style.display = 'block';
    } else {
        targetElement.style.display = 'none';
    }
});

这里，通过 window.pageYOffset 或 document.documentElement.scrollTop 获取滚动条位置，然后根据条件改变目标元素的显示状态。

无论是使用jQuery还是原生JavaScript，实现网页滚动触发事件都为网页增添了动态交互性。开发者可以根据项目需求和个人偏好选择合适的方式。掌握这两种方法，能在网页开发中更好地满足用户对交互效果的期望，打造出更加吸引人的网页应用。