Html Anchor won';不工作(转到“但不移动”)

Html Anchor won';不工作(转到“但不移动”),html,css,anchor,Html,Css,Anchor,没有什么我想在网上找到的作品。当我将鼠标悬停在链接上时,它会转到链接,url会更改,但不会移动页面。我正在使用最新的chrome 代码如下: 编辑:显然它与CSS有关,因为当我取出CSS时,它开始工作,但我不知道为什么 $('.scroll').localScroll() 正文{ 保证金:0; 颜色:#222; 背景色:#222; 字体系列:“无衬线工作”,无衬线; 字体大小:400; 溢出y:滚动; 溢出x:隐藏; } html,正文{ 宽度:100%; 身高:100%; } .集装箱{ 宽

没有什么我想在网上找到的作品。当我将鼠标悬停在链接上时,它会转到链接,url会更改,但不会移动页面。我正在使用最新的chrome

代码如下:

编辑:显然它与CSS有关,因为当我取出CSS时,它开始工作,但我不知道为什么

$('.scroll').localScroll()
正文{
保证金:0;
颜色:#222;
背景色:#222;
字体系列:“无衬线工作”,无衬线;
字体大小:400;
溢出y:滚动;
溢出x:隐藏;
}
html,正文{
宽度:100%;
身高:100%;
}
.集装箱{
宽度:80%;
保证金:0自动;
}
标题::之后{
内容:'';
显示:表格;
明确:两者皆有;
}
#向下{
滤波器:亮度(0)反转(1);
宽度:3%;
高度:自动;
位置:绝对位置;
顶部:50;底部:0;左侧:0;右侧:0;
垫底:20px;
保证金:自动;
}
movetobot先生{
高度:200vh;
}
第h1节{
颜色:#fff;
位置:绝对位置;
文本对齐:居中;
最高:110%;
宽度:100%;
线高:0.4em;
字体系列:“Roboto”,无衬线;
字体大小:300;
}
.中心{
文本对齐:居中;
}
标题{
宽度:100%;
高度:100vh;
背景附件:固定;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}
.标志{
颜色:白色;
浮动:左;
字体系列:“Roboto”,无衬线;
}
.b文本{
字体系列:“Roboto”,无衬线;
颜色:#f9f3f4;
位置:绝对位置;
文本对齐:居中;
最高:40%;
宽度:100%;
线高:0.4em;
}
h1{
字体大小:50px;
}
.btn{
颜色:#fff;
字体系列:“Roboto”无衬线;
字体大小:300;
文字装饰:无;
边框:#ccc 1px实心;
填充:10px 15px;
边界半径:8px;
线高:4em;
}
导航{
浮动:对;
}
导航ul{
保证金:0;
填充:0;
列表样式:无;
}
李海军{
显示:内联块;
左边距:85像素;
填充顶部:25px;
位置:相对位置;
}
导航a{
颜色:白色;
文字装饰:无;
文本转换:大写;
}
导航a:悬停{
颜色:#ecf0f1;
}
导航a::之后{
边缘顶部:5px;
内容:'';
显示:块;
高度:5px;
宽度:0%;
背景色:黑色;
位置:绝对位置;
过渡:所有输入输出均为350ms;
}
导航a:悬停::之后{
宽度:100%;
}
.btn:悬停{
颜色:#b19295;
边框:#fff 1px实心;
}
:-webkit滚动条{
宽度:10px;
}
/*跟踪*/
:-webkit滚动条轨迹{
背景#f1f1;
}
/*处理*/
:-webkit滚动条拇指{
背景:#888;
}
/*悬停手柄*/
:-webkit滚动条拇指:悬停{
背景:#555;
}

皇家服务
皇家服务 服务
的“id”
设置为要移动的页面部件标记

<a href="#someIdName"></a>
<div id="someIdName"></div>


这是因为
中的内容要么是浮动的,要么是绝对位置的,div没有高,所以
占据了整个页面。当你点击链接时,页面已经在那里了

您可以做的是为
指定最小高度。
我要做的是以更好的方式构造HTML,并删除所有浮点数和绝对位置。

包含您的代码片段将更容易找出问题我已经发布的答案,但您包含的scrollto缺少引号。正如我前面所说,它将页面链接更改为#服务,但不会将页面移动到任何位置。