用按钮替换浏览器滚动条

Question

我用谷歌搜索，我找不到任何解决方案，但我之前肯定在某处看到过类似的实现。

所以基本上我有一个大的电子表格 - 像表格一样，由用户生成。内容很可能会在水平和垂直方向超出视口，因此需要滚动。

但是，我正在尝试为用户找到一种“更漂亮”的滚动方式（水平和垂直滚动条看起来不太好）。所以我在想一些像下面这样的箭头（见附件）。但是，我环顾四周，没有看到任何人做这样的事情的例子。

所以这里是我的问题：

1. 有人能告诉我是否有任何技术原因我不应该用“滚动按钮”替换浏览器滚动条？

2. 是否可以使用 javascript 轻松完成，或者是否有任何（最好是 angularjs）插件可以模仿这种行为？

Answer 1

我不知道你为什么被低估。此外，这不是用户体验问题。

我认为您正在寻找的是“没有滚动条的滚动”。你可以谷歌这个。你会得到很多回答这个问题的结果。

我遇到的最接近的答案（和流行的答案）之一就是stackoverflow 上的这个。

在这种情况下，它涉及使用键盘键或鼠标滚轮滚动。

在您的情况下，您将不得不执行类似的操作。只是，您需要在屏幕的左侧/右侧和屏幕的上/下部分创建按钮，而不是绑定到键盘键或鼠标滚轮向上/向下事件。将单击事件绑定到此按钮并按照上面链接的答案所示继续操作。

但请注意，由于您正在显示表格，因此会变得复杂。您必须根据用户单击的位置移动表格的每一行/列。不过应该可以使用 jQuery 或类似的 javascript 库来实现。