Javascript Malihu自定义滚动条-滚动到id插件不在页面中工作

Javascript Malihu自定义滚动条-滚动到id插件不在页面中工作,javascript,jquery,html,mcustomscrollbar,Javascript,Jquery,Html,Mcustomscrollbar,我正在使用Malihu的自定义滚动条插件,并希望将“滚动到id”插件与之结合使用。我的代码片段中提供的代码按照我希望的方式工作(尽管有时按钮似乎不起作用) 主要的问题是,当我把这段代码放进我的网站时,有什么东西阻止了它的工作。当您向下滚动页面时,正确的点会在右侧部分高亮显示,但如果您单击这些点,它们不会导航到右侧部分,它们根本不会执行任何操作 第页: $(文档).ready(函数(){ (函数($){ $(窗口).on(“加载”,函数(){ $(“a[href*='#']”)mpagescor

我正在使用Malihu的自定义滚动条插件,并希望将“滚动到id”插件与之结合使用。我的代码片段中提供的代码按照我希望的方式工作(尽管有时按钮似乎不起作用)

主要的问题是,当我把这段代码放进我的网站时,有什么东西阻止了它的工作。当您向下滚动页面时,正确的点会在右侧部分高亮显示,但如果您单击这些点,它们不会导航到右侧部分,它们根本不会执行任何操作

第页:

$(文档).ready(函数(){
(函数($){
$(窗口).on(“加载”,函数(){
$(“a[href*='#']”)mpagescorl2id();
});
})(jQuery);
});
#背景{
背景图像:url(“/pageassets/test2/background.jpg”);
位置:固定;
背景色:#E07853;
宽度:100%;
身高:100%;
排名:0;
背景尺寸:封面;
}
.内容间距{
填充:0px!重要;
}
#背景组{
位置:绝对位置;
身高:100%;
宽度:100%;
排名:0;
背景色:#ffffff;
-khtml不透明度:.1;
-moz不透明度:.1;
不透明度:.1;
-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=10)”;
}
a{
颜色:继承;
文字装饰:无;
-webkit转换:all.3s ease-in-out;-moz转换:all.3s ease-in-out;-o-transition:all.3s ease-in-out;转换:all.3s ease-in-out;
}
人力资源{
显示:块;
身高:0;
边界:0;
边框顶部:1px实心rgba(0,0,0,0.2);
边框底部:1px实心rgba(255255,0.2);
利润率:1米0;
填充:0;
}
h1,h2,h3,p{
边缘底部:1米;
}
h1,h2{
字体系列:“龙虾二号”,佐治亚州,衬线;
线高:1米;
字号:700;
}
氢{
字号:4em;
}
#导航菜单{
位置:固定;
右:40px;
最高:50%;
底部:自动;
-webkit转换:translateY(-50%);
-莫兹变换:translateY(-50%);
-ms转换:translateY(-50%);
-o-变换:translateY(-50%);
转化:translateY(-50%);
z指数:9;
}
页眉、内容、页脚{
位置:相对位置;
}
页眉、页脚{
填充:1em 3em;
文本阴影:无;
}
收割台h1{
颜色:#e6842c;
字号:1.4em;
字体:斜体;
}
导航ul、导航ol、导航li{
列表样式:无;
保证金:0;
填充:0;
}
#导航菜单{
溢出:隐藏;
背景#564a44;
背景:rgba(0,0,0,0.5);
-moz边框半径:5px;-webkit边框半径:5px;边框半径:5px;
}
#导航菜单li{
保证金:3倍;
}
#导航菜单a{
显示:块;
填充:0.2em 0.6em;
边界半径:50%;
高度:30px;
边框:1px纯黑;
}
#导航菜单a:悬停,#导航菜单a.mPS2id-高亮显示{
背景#e6842c;
颜色:#fff;
}
.内容{
z指数:500;
显示:块;
位置:相对位置;
}
#目录部分{
文本对齐:居中;
最小高度:900px;
-webkit盒影:0-1px0RGBA(0,0,0.6),插入0-1px0RGBA(255255,0.3);盒影:0-1px0RGBA(0,0,0,0.6),插入0-1px0RGBA(255255,0.3);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b5f59',endColorstr='#362f2d',GradientType=1);
颜色:#d9d6d5;
}
#目录部分:第n个子项(3n+2){
-webkit盒影:0-1px0RGBA(0,0,0.2),插入0-1px0RGBA(255255,0.5);盒影:0-1px0RGBA(0,0,0,0.2),插入0-1px0RGBA(255255,0.5);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe7dc',endColorstr='#c6b6a4',GradientType=1);
颜色:25201e;
}
#目录部分:第n个子项(3n+3){
-webkit盒影:0-1px0RGBA(0,0,0.2),插入0-1px0RGBA(255255,0.5);盒影:0-1px0RGBA(0,0,0,0.2),插入0-1px0RGBA(255255,0.5);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6fbfc',endColorstr='#94cbce',GradientType=1);
颜色:25201e;
}
.目录{
填充:1em 3em;
z指数:500;
显示:块;
位置:相对位置;
}
.内容hr+a、.内容hr+a+a{
右边距:2米;
}
.mPS2id目标。内容h2:第一个子项:之后{
显示:内联块;
位置:相对位置;
垂直对齐:中间对齐;
左边距:1米;
字号:0.25em;
线高:1.4em;
字体:斜体;
不透明度:0.7;
宽度:180px;
字体系列:arial,无衬线;
字体大小:正常;
}
.ie8.mPS2id目标。内容h2:第一个孩子:之后{
字号:0.95em;
}
页眉、内容、页脚{
右侧填充:150px;
}
.平面布置图{
宽度:700%;
}
.水平布局标题h1{
显示:无;
}
.水平布局#导航菜单{
右:自动;
左:3em;
顶部:4em;
}
.水平布局#内容{
溢出:隐藏;
}
.水平布局#目录部分{
宽度:14.285%;
浮动:左;
最小高度:480px;
-webkit盒阴影:0-1px0RGBA(0,0,0.3),嵌入0-1px0RGBA(255255255,0.3),-1px0RGBA(0,0,0,0.6);
盒影:0-1px0RGBA(0,0,0.3),插入0-1px0RGBA(255255,0.3),-1px0RGBA(0,0,0,0.6);
}
.水平布局#内容部分:第n个子(3n+2),.水平布局#内容部分:第n个子(3n+3){
-webkit盒阴影:0-1px0RGBA(0,0,0.3),插图01px0RGBA(255255,0.3),-1px0RGBA(0,0,0,0.2),插图1px0RGBA(255255,0.5);
盒影:0-1px0RGBA(0,0,0,0.3),插图01px0RGBA(255255,0.3),-1px00RGBA(0,0,0,0.2),插图1px00RGBA(255255255,0.5);
}
.水平布局。内容h2{
位置:相对位置;
填充底部:50px;
}
.水平布局。内容h2+p{
利润上限:-50px;
}
.水平布局.mPS2id目标.内容h2:第一个子项:之后{
显示:块;
位置:绝对位置;
宽度:100%;
高度:50px;
左边距:0;
}
.水平布局页眉>*,.水平布局页脚>*{
宽度:10%;
}
.水平布局页眉、.水平布局.内容、.水平布局页脚{
左侧填充:150px;
右侧填充:3em;
}
.自动布局{
宽度:6200px;
高度:6200px;
}
.自动布局标题h1{
左边距:150像素;
}
.自动布局#导航菜单{
右:自动;
左:2米;
}
.自动布局#续
<div id="mCSB_2_container" 
     class="mCSB_container" 
     style="position: relative; top: -10px; left: 0px;" <------
     dir="ltr">[Viewport]
</div>