Question

当我按下“继续”按钮时，但我需要使用按钮

https://jsfiddle.net/ytgu1fbo/7/的问题，我不知道将按钮图像放在哪里

https://gyazo.com/c5c62db350d09245e30e7452c0cb3362在互联网上的示例

当我单击“继续”按钮之类的按钮时，转到中间页

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<span style="color: rgb(188, 52, 21); cursor: pointer; text-decoration: none;" onclick="scroll_to_contact_form_fn()">Click here</span>


<script>
function scroll_to_contact_form_fn() {
var body = document.body,
    html = document.documentElement;
		var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
    console.log(height);
    $('html, body').animate({
        scrollTop: height/2 - window.innerHeight/2
    }, 200);
}
</script>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="myForm" style="width: 100%; height: 30px; background: red;">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

Answer 1

用<span>标签替换<img>标签将通过指定尺寸来提供所需的图像按钮。

<img src="image.jpg" alt="Click here" height="<px>" width="<px>" style="cursor: pointer;" onclick="scroll_to_contact_form_fn()" />

javascript onclick滚动到中间页上的div，但带有按钮

1 个答案: