Question

我正在尝试使用FullPageJs并在部分内部滚动工作，但即使我已按照建议添加了细长滚动图示，该页面也不会在桌面上滚动。

这是我正在使用的代码

protected override async void OnStartup(object sender, StartupEventArgs e)
{
    using (var splash = new SplashViewModel())
    {
        var windowMgr = _container.Resolve<IWindowManager>();
        windowMgr.ShowWindow(splash);

        await Task.Run(() =>
        {
            // long running task 1
        })
        .ContinueWith(t=>
        {
            // long running task 2
        })
        .ContinueWith(t=>
        {
            // long running task 3
        });

        DisplayRootViewFor<ShellViewModel>();
    }
}

页面不会在桌面上移动，这里是demo。该页面仅在我将disableMouse更改为false时移动，但之后它仅在移动时移动。我必须点击并滚动。

问题

如何使用此部分滚动内部部分正常工作？

Answer 1

您有an example available in the files that comes with the download of fullpage.js。

同一个online。

fullpage.js不再使用slimScroll.js了，正如您在文档中看到的那样：

scrollOverflow：（默认为false）定义是否为部分/幻灯片创建滚动，以防其内容大于其高度。设置为true时，您的内容将被插件包装。考虑使用委托或在afterRender回调中加载其他脚本。如果将其设置为true，则需要供应商库scrolloverflow.min.js，并且应该在fullPage.js插件之前加载它。例如：

<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>

页面仅在我将disableMouse更改为false
时移动

您不必修改任何scrolloverflow选项。如果您想要默认行为，请删除scrollOverflowOptions。

如何使用FullPageJs使内部滚动工作？

1 个答案: