原生js或jQuery怎么让滚动条只能滚动固定的距离？

我现在纵向排布了好几张大图，图片高度和浏览器客户区高度相同。我希望拖动滚动条时可以正常滚动，但松开滚动条时页面会自动调整只显示一整张完整图片，而不是上下各显示半张图片。

目前只能想到mouseup时来滚动页面，但好像没办法判断是什么时候的mouseup时滚动结束时的mouseup。

$(window).bind("scroll", function(){
var top = $(this).scrollTop(); // 当前窗口的滚动距离
});

如果使用原生js，可以这样写（摘自网上的）：

/**
* 获取滚动条距离顶端的距离
* @return {}支持IE6
*/
function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset; }
else if (document.compatMode && document.compatMode != 'BackCompat')
{ scrollPos = document.documentElement.scrollTop; }
else if (document.body) { scrollPos = document.body.scrollTop; }
return scrollPos;
}

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/fc0txstt2ttxish66is.html