是否可以在网页中使用HTML5或jquery中的坐标进行导航

Is it possible the navigation in webpage using coordinates in HTML5 or jquery?

本文关键字：jquery 坐标 导航 网页 是否 HTML5      更新时间：2023-09-26

我的一个客户要求在一个页面中创建一个网页，并以某种方式将菜单"重定向"到页面中的一些坐标，那里有关于该部分的信息。他们给我发了一个这个想法的例子，但它是用Flash制作的：（

有可能在没有闪光灯的情况下制作类似的东西吗？我不想做这项工作，只要有HTML标记的名称或jquery中的一个简单示例就足够了，因为我不知道如何开始。

jQuery Scroll插件：
  • http://alvarotrigo.com/fullPage/#4thpage
  • https://ihatetomatoes.net/demos/one-page-scroll-animations/

jQuery Path插件：

  • http://joelb.me/scrollpath/

更先进的解决方案：

  • http://greensock.com/examples-showcases（感谢Steven Wave）

您只需使用JQuery（用于添加光泽的JQuery UI）即可完成此操作。

在线示例：http://jsfiddle.net/5cqgmzcb/

由于某种原因，第一次点击按钮时它不起作用，但尝试几次，它基本上会将其移动到随机生成的图像XY坐标集。有了JQueryUI，您就有了这些轻松的选项。

JS:

$('button').on('click', function() {
    var RandX = Math.floor((Math.random() * 1520) + 1);
    var RandY = Math.floor((Math.random() * 800) + 1);
    $('#container').animate({
        scrollTop: RandY, 
        scrollLeft: RandX
    },1000,'easeOutElastic');
});

是的，我大约7年前在我的（非常旧和过时的）在线投资组合中使用过这个-http://melissahie.com

我使用了jquery scrollTo（）函数，并使其指向一个唯一的id。然后将id设置为div(

既然我感觉到你想自己做这件事，如果你想要更详细的解释，请告诉我。

相关文章：