如何在当前视口中找到表格的边界（终点）？

Question

我的要求是，当表格宽度大于当前视口时，必须添加两个按钮，即左右。当用户点击左键时，表必须同样向左移动。

所以我决定使用jQuery动画方法来完成要求。我在这里面临的挑战是，我可以喜欢左边界而不是正确边界。请告诉我你的观点和要点

var width = window.innerWidth || document.documentElement.clientWidth|| document.body.clientWidth;

var tableWidth = jQuery("table").width();

var annimwidth = tableWidth - width;

jQuery(".leftButton").on("click", function()){

$("table").animate({
    marginLeft: '-='+annimwidth+'px'
});
if(jQuery("table").css("margin-left")==0){
disable the left button
}
}

同样如何禁用右侧。

右侧边距属性根据表格宽度而变化。所以保证金属性不是正确的方法。

帮助我如何停止或禁用右键

Answer 1

您无需找到边界。每次按左箭头或右箭头时，您只需要做一个小的scrollLeft动画。

这样的事情：

useCompression=true

如果元素已经滚动到它的边缘，jQuery将不会为任何内容制作动画。

我做了一个小小的小提示来展示这个概念。 https://jsfiddle.net/z5vgq3hr/37/

告诉我它是否适合你。