在下面的页面中，我希望标题和其下方的菜单具有完整的 100% 宽度，这意味着我希望侧滚动显示在导航栏下方。
在此页面中：http ://raddar.pro/projects_7.html侧面滚动将标题及其下方的菜单按其宽度向左推，因此这不是我想要的。你能帮我修改代码，使标题和菜单保持 100% 的屏幕宽度吗？
在此页面中：http ://raddar.pro/projects_13.html我尝试了“溢出：隐藏”的主体和“溢出-y：滚动；” 对于标题下方的内容和标题下方的菜单，但它不起作用。
在下面的页面中，我设法介绍了一个侧面滚动，它显示在标题下方和标题下方的菜单： http ://raddar.pro/projects_12.html
在上面的这个页面上，我将我的内容放在了滚动部分和幻灯片（https://alvarotrigo.com/fullPage/examples/scrolling.html#firstPage）的 fullpage.js 属性中，但是我无法操作内容。也就是说，标题下方的菜单不再起作用，即它不会过滤放置在 fullpage.js 部分中的 MixItUp 内容的图像。事实上，有时它可以工作，但它是超级随机的，我觉得代码中有一些我无法发现的重叠（我觉得这是一个 javascript 问题）。如果你能帮我解决这个问题那就太好了，因为我真的很喜欢 fullpage.js 部分中的滚动图形，它类似于手机滚动，但不像标准桌面浏览器侧滚动那么宽。
下面是我取得的一些进展，但还不是很完善
选项 I： http : //raddar.pro/projects_14.html - 在这里我可以在 fullpage.js 中滚动，但是 mixitup 插件不起作用（即 mixitup 插件的菜单不会过滤图像） . 下面是我整理的代码：
afterRender: $(function () {
var filterList = {init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixItUp({
selectors: {
target: '.portfolio',
filter: '.filter'
},
load: {
filter: '.architecture, .interiordesign, .urbandesign, .development,
.art, .branding, .raddar' // show app tab on first load
}
});
}
};
// Run the show!
filterList.init();
}),
选项二： http ://raddar.pro/projects_15.html - 这里 mixitup 插件可以工作，但是没有滚动，所以我看不到所有的图像。我更改了代码开头的“$”和“（”以及代码末尾的“）”：
afterRender: function () {
var filterList = {init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixItUp({
selectors: {
target: '.portfolio',
filter: '.filter'
},
load: {
filter: '.architecture, .interiordesign, .urbandesign, .development,
.art, .branding, .raddar' // show app tab on first load
}
});
}
};
// Run the show!
filterList.init();
},