typescript 如何在Remix.run中创建简单函数

31moq8wy  于 2023-10-22  发布在  TypeScript
关注(0)|答案(1)|浏览(89)

我是新的Remix.run和被卡住,而我不得不创建一个简单的部分导航器。运行JS脚本。
我想传递一个sectionid属性作为一个参数,当我单击某个按钮时滚动到那个部分,我怎么能做到这一点?

function scrollTo(section:string){
    document.getElementById(section).scrollIntoView();//something like this but this line gives error
}

我使用typescript作为remix.run的语言。
我怎么能把它包括在这里:所以要把它用作一个“滚动到部分”的按钮,
如果有更好的方法,请建议。

import {
  Links,
  Meta,
  Outlet,
  Scripts,
} from "@remix-run/react";

export default function App() {
  return (
    <html>
      <head>
        <link
          rel="icon"
          href="data:image/x-icon;base64,AA"
        />
        <Meta />
        <Links />
      </head>
      <body>
        <h1>Hello world!</h1>
        <Outlet />

        <Scripts />
      </body>
    </html>
  );
}
xt0899hw

xt0899hw1#

您的示例没有显示如何使用scrollTo函数。另外,如果您包含您得到的实际错误,这将是有帮助的。
也就是说,您可以使用标准的<a>标记滚动到具有id属性的 any 元素。您只需指定href="#<id>"

<a href="#section-1">Scroll to Section 1</a>

<section id="section-1">
</section>

相关问题