-2

我现在正在写我的网站，试图保持更保守，但使用更新的设计。我为我的网站选择的设计是类似于 Windows (R)“Metro”的设计，如我的另一个问题 ( Question )中所述

我已经让它看起来有点像地铁，不是使用垂直滚动条而是水平滚动条。 现在我正在尝试添加用户可以单击任何内容的选项，并且在单击并按住时，用户应该能够“拖动”网站（就像我可以“拖动”iPhone的页面一样），

或者当距离网站“边缘”10像素左右时，鼠标悬停时，网站应该自行“拖动”。

我提前感谢你，这是我目前状态的网站：我使用 Chrome 显示我的网站，因为它显示了我想要的 css

或者这里是我的意思的快速截图：左右是边缘，如您所见，<code><div></code> 未满，但通过拖动将其切断，我的意思是滚动它们直到它们作为一个整体显示。

如您所见，左右边缘是边缘，<div>并不饱满，但通过拖动，我的意思是滚动它们，直到它们整体显示为止。

最大WF

4

1 回答 1

0

一件重要的事情是不要违背惯例。在移动设备上，用户习惯于能够拖动页面。但是在台式计算机上，单击并拖动鼠标要么用于选择文本，要么用于拖动内容（例如，将图像从网页拖动到另一个应用程序）。在台式计算机上滚动通常使用滚轮或键盘完成。当网站没有像他们期望的那样做出反应时，访问者可能会变得非常烦躁......

话虽如此，您可以使用像Dragscrollable这样的 jQuery 插件来实现此效果。

对于边缘附近的滚动，您可以使用 jQuery 插件Smoothdivscroll的 Hotspot 选项。

我对这些插件没有任何经验。

于 2012-04-05T18:05:22.007 回答