用按钮

时间:2015-08-19 13:25:09

标签: javascript html css angularjs

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

所以基本上我有一个大的电子表格 - 就像用户生成的表格一样。

表示内容很可能会在水平和垂直方向上超出视口范围

但是,我试图找到一个更漂亮的"用户滚动的方式(水平和垂直滚动条看起来不太好看)。所以我想到了一些如下箭头(见附件)。然而,我环顾四周,无法看到任何人做这样的事情的例子。

所以这是我的问题:

  1. 有人可以告诉我是否有任何技术原因我不应该使用"滚动按钮替换浏览器滚动条"?

  2. 可以使用javascript轻松完成,还是有任何(最好是angularjs)插件可以模仿这种行为?

  3. Scroll button example

1 个答案:

答案 0 :(得分:3)

我不知道为什么你被投票。此外,这不是一个用户体验问题。

我认为你要找的是“滚动没有滚动条”。你可以谷歌这个。你会得到许多答案的结果。

我遇到的最接近的答案之一(也是最受欢迎的答案)是stackoverflow上的这个right here

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

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

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