Fix start selection navigation

This commit is contained in:
Jacky Ser
2026-08-11 14:46:46 +08:00
parent 718d7c6ccb
commit e855d5aa64
2 changed files with 11 additions and 3 deletions

View File

@@ -92,6 +92,7 @@ a { color: inherit; text-decoration: none; }
.selector-shell { .selector-shell {
min-height: 585px; min-height: 585px;
scroll-margin-top: 94px;
background: white; background: white;
border: 1px solid rgba(73,98,142,.15); border: 1px solid rgba(73,98,142,.15);
border-radius: 22px; border-radius: 22px;

View File

@@ -358,6 +358,13 @@ export default function Home() {
Number(requirements.firstOrderQuantity) >= 1000 || Number(requirements.firstOrderQuantity) >= 1000 ||
requirements.application === "工业设备"; requirements.application === "工业设备";
function startSelection() {
setStage(1);
requestAnimationFrame(() => {
document.getElementById("selector")?.scrollIntoView({ behavior: "smooth", block: "start" });
});
}
function update<K extends keyof Requirements>(key: K, value: Requirements[K]) { function update<K extends keyof Requirements>(key: K, value: Requirements[K]) {
setRequirements((current) => ({ ...current, [key]: value })); setRequirements((current) => ({ ...current, [key]: value }));
} }
@@ -393,7 +400,7 @@ export default function Home() {
<a href="#products"></a> <a href="#products"></a>
<a href="#how"></a> <a href="#how"></a>
</nav> </nav>
<button className="header-cta" type="button" onClick={() => setStage(1)}> <button className="header-cta" type="button" onClick={startSelection}>
<span></span> <span></span>
</button> </button>
</header> </header>
@@ -410,7 +417,7 @@ export default function Home() {
</p> </p>
<div className="hero-actions"> <div className="hero-actions">
<button className="primary-action" type="button" onClick={() => setStage(1)}> <button className="primary-action" type="button" onClick={startSelection}>
<span></span> <span></span>
</button> </button>
<a href="#products" className="text-action"></a> <a href="#products" className="text-action"></a>
@@ -436,7 +443,7 @@ export default function Home() {
<p className="assistant-label"></p> <p className="assistant-label"></p>
<h2></h2> <h2></h2>
<p>3</p> <p>3</p>
<button className="panel-primary" type="button" onClick={() => setStage(1)}> <button className="panel-primary" type="button" onClick={startSelection}>
<span>3</span> <span>3</span>
</button> </button>
<div className="privacy-note"> </div> <div className="privacy-note"> </div>