Javascript 滚动正在跳过标题并从正文开始

当站点加载时，页面从正文开始，我必须向上滚动才能看到样式化的标题

（但并非所有浏览器都会出现此问题）

我想开始滚动标题

以下是现场直播：

代码：

从“React”导入React；
从'react router dom'导入{Link}；
从“样式化组件”导入样式化；
从“../../components/ScrollHandler”导入ScrollHandler；
从“../public/SmokeyWayLogo.svg”导入徽标；
const StyledLogo=styled（“img”）`
过滤器：${props=>props.ISCROLED？“反转（1）”：“投影（2px4p3px黑色）”；
高度：80px；
左侧填充：0；
浮动：左；
`;
const StyledLink=styled（“div”）`
填充：20px；
利润率：10px；
显示：内联块；
边界半径：5px；
&：悬停{
盒子阴影：0px 0px 15px 2px${props=>props.iscrowled？“白色”：“黑色”}；
颜色：黑色；
}
a{
文字装饰：继承；
颜色：${props=>props.iscrowled？“白色”：“黑色”}；
}
`;
const StyledNav=styled（“div”）`
位置：固定；
宽度：100%；
背景色：${props=>props.ISCROLED？“透明”：“白色”}；
`;
函数头（）{
const_iscrowled=ScrollHandler（）；
返回(
烟熏道
Головна
Меню
)
}
导出默认标题；

我在我的设备上使用了chrome，很好，我的意思是我在加载页面后看到了你的标题。 您的问题不正常，对我来说有点奇怪，但我建议您使用JS（在加载页面之前的代码中，它可以确保您位于当前页面的顶部），并向我提供反馈：

$（窗口）.on（'beforeunload'，function（））{
$（窗口）.scrollTop（0）；
});我在我的设备上使用了chrome，很好，我的意思是我在加载页面后看到了你的标题。
您的问题不正常，对我来说有点奇怪，但我建议您使用JS（在加载页面之前的代码中，它可以确保您位于当前页面的顶部），并向我提供反馈：


$（窗口）.on（'beforeunload'，function（））{
$（窗口）.scrollTop（0）；
});看到这种情况时，您使用的浏览器是什么？chrome由iis启动，移动设备上的三星brovser是什么浏览器？chrome由iis启动，移动设备上的三星brovser是什么浏览器
import React from "react";
import { Link } from 'react-router-dom';
import styled from "styled-components";
import ScrollHandler from "../../components/ScrollHandler";
import Logo from '../../public/SmokeyWayLogo.svg';

const StyledLogo = styled("img")<{isScrolled: boolean}>`
  filter: ${props => props.isScrolled ? "invert(1)" : "drop-shadow(2px 4px 3px black)"};
  height: 80px;
  padding-left: 0;
  float: left;
`;

const StyledLink = styled("div")<{isScrolled: boolean}>`
  padding: 20px;
  margin: 10px;
  display: inline-block;
  border-radius: 5px;
  &:hover {
    box-shadow: 0px 0px 15px 2px  ${props => props.isScrolled ? "white" : "black"};
    color: black;
  }
  a {
    text-decoration: inherit;
    color: ${props => props.isScrolled ? "white" : "black"};
  }
`;

const StyledNav = styled("div")<{isScrolled: boolean}>`
  position: fixed;
  width: 100%;
  background-color: ${props => props.isScrolled ? "transparent " : "white"};
`;
  
function Header(){
  const _isScrolled = ScrollHandler();

    return(
        <header>
            <StyledNav isScrolled={_isScrolled}>
                <StyledLogo isScrolled={_isScrolled} src={Logo}></StyledLogo>
                <StyledLink isScrolled={_isScrolled}>
                    <Link to="./">Smokey Way</Link>
                </StyledLink>
                <StyledLink isScrolled={_isScrolled}>
                    <Link to="./">Головна</Link>
                </StyledLink>
                <StyledLink isScrolled={_isScrolled}>
                    <Link to="./">Меню</Link>
                </StyledLink>
            </StyledNav>
        </header>
    )
}
export default Header;