“So fügen Sie Scroll zu Div Onclick hinzu” Code-Antworten

So fügen Sie Scroll zu Div Onclick hinzu

<div class="first"><button type="button" onclick="smoothScroll(document.getElementById('second'))">Click Me!</button></div>
<div class="second" id="second">Hi</div>

Better Boar

So fügen Sie Scroll zu Div Onclick hinzu

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

Better Boar

So fügen Sie Scroll zu Div Onclick hinzu

window.smoothScroll = function(target) {
    var scrollContainer = target;
    do { //find scroll container
        scrollContainer = scrollContainer.parentNode;
        if (!scrollContainer) return;
        scrollContainer.scrollTop += 1;
    } while (scrollContainer.scrollTop == 0);

    var targetY = 0;
    do { //find the top of target relatively to the container
        if (target == scrollContainer) break;
        targetY += target.offsetTop;
    } while (target = target.offsetParent);

    scroll = function(c, a, b, i) {
        i++; if (i > 30) return;
        c.scrollTop = a + (b - a) / 30 * i;
        setTimeout(function(){ scroll(c, a, b, i); }, 20);
    }
    // start scrolling
    scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
}

Better Boar

So fügen Sie Scroll zu Div Onclick hinzu

.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}

Better Boar

Ähnliche Antworten wie “So fügen Sie Scroll zu Div Onclick hinzu”

Fragen ähnlich wie “So fügen Sie Scroll zu Div Onclick hinzu”

“So fügen Sie Scroll zu Div Onclick hinzu” Code-Antworten

So fügen Sie Scroll zu Div Onclick hinzu

So fügen Sie Scroll zu Div Onclick hinzu

So fügen Sie Scroll zu Div Onclick hinzu

So fügen Sie Scroll zu Div Onclick hinzu

Ähnliche Antworten wie “So fügen Sie Scroll zu Div Onclick hinzu”

Fragen ähnlich wie “So fügen Sie Scroll zu Div Onclick hinzu”

Weitere verwandte Antworten zu “So fügen Sie Scroll zu Div Onclick hinzu” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Shell/Bash

C#

C++

C

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Go

Kotlin

Assembly

R

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel

Durchsuchen Sie andere Codesprachen