Question

我只是将Google地图嵌入到使用fullPage.js的网站中，但是我有一个小问题。当鼠标光标/指针在地图顶部时，以及尝试放大/缩小时，它也移至下一页/上一页。嵌入地图的网站图片：https://i.imgur.com/fjBC2my.png

我真的没有尝试过任何东西，因为我是这个程序员世界的新手，而且我不知道从哪里开始，所以我可以解决我的这个问题。因此，如果您能帮助我，并给我一些提示以实现这一目标，我将不胜感激

我所做的只是禁用鼠标滚动（仅从导航栏或使用键盘箭头移动），但这不是永久解决方案。

这是我的index.php：https://pastebin.com/EThG2EG3 这是我在禁用鼠标滚动（可能不是最新版本）时使用的fullPage.js：https://pastebin.com/sm14aAie

我要完成的工作是，当指针位于地图顶部时，它应集中在地图上，并且不应在页面之间移动（这在地图全屏显示时也适用）

Answer 1

在Github文档中为FullPage.js插件检出 normalScrollElements 参数。当您使用JavaScript初始化插件时，请尝试使用地图元素ID添加此参数。

在CSS中添加地图ID：

<div class="section" id="section1">
    <div class="intro" id="gmap">
        <center>
            <?php require('lib/map.php'); ?>
        </center>
    </div>
</div>

添加Javascript参数：

var myFullpage = new fullpage ('#fullpage',
{
    sectionsColor: ['red', '#4BBFC3', '#7BAABE', 'red'],
    anchors: ['home', 'locations', 'about', 'contact'],
    menu: '#menu',
    slidesNavigation: true,
    normalScrollElements: '#gmap',
    // lazyLoad: true,
});

在整版网站上嵌入Google地图

1 个答案: