我之前发布了另一个问题,但由于我没有得到答案,我想我会问一个关于我遇到的不同问题的问题:
我正在尝试使用 jQuery 插件:ScrollPath。我认为让我的页面更具交互性会很有趣和有趣(它将成为一个投资组合页面。)无论如何,我已经滚动并且一切都在我创建的所需路径中工作,但我遇到了问题一旦浏览器屏幕开始变得太小,它的外观。
在我的 13 英寸 macbook pro 上,该网站看起来很棒,并且没有删减任何内容。在比我更大的屏幕上,它显示的内容更多,但看起来仍然不错。
在比我的 macbook 更低的分辨率和/或更小的屏幕上,由于插件“移动到”的方式并专注于滚动到的对象,事情开始变得不可见。
这是插件的演示站点:http: //joelb.me/scrollpath/
以下是该网站对手机/平板电脑/等的响应测试的外观:http ://res.ponsive.com/?resize=joelb.me%2Fscrollpath%2F&iphone=on&ipad=on&android=on
如您所见,该插件似乎限制了您查看内容的能力。
我会发布一个我正在使用此插件创建的网站的示例,但我宁愿暂时不向所有人展示我的东西。我认为通过发布上面的两个示例可以理解我的观点。
有没有办法解决这个问题?有没有更好的插件或方法来实现这种有趣的滚动路径效果,而不会失去在较小视口上查看内容的能力?
谢谢,如果你能帮忙!(我希望我没有说太多。)