在我的网站(Talklast.com)中有一个联系人页面,当用户填写联系人表单并单击send a message using PHP时,将显示使用echo完成的消息。
因此,我正在尝试让用户在单击"Send“按钮后自动滚动到消息,换句话说,我希望用户在单击按钮后自动滚动到特定的文本(同时,当单击按钮时,页面会重新加载)。
我检查了我在堆栈溢出中发现的以下代码,但它对我的情况没有帮助-
$(document).ready(function () {
// Handler for .ready() called.
$('html, body').animate({
scrollTop: $('#what').offset().top
}, 'slow');
});
这是我之前提到的PHP消息(单击“发送”按钮后,用户应该自动滚动到该消息-
<span style="color:green;"><?php if(isset($smsg)){ echo $smsg;}?></span>
发布于 2019-03-13 03:00:03
将一些选择器设置为用于唯一标识( id
或class
)的button
,然后绑定click事件处理程序,并在该处理程序中完成其余工作。要滚动到跨度,请为span
元素提供一个id
,并使用该use进行滚动。
JQuery :
$(document).ready(function () {
// attached click event handler
$('#button').click(function(){
$('html, body').animate({
scrollTop: $('#span').offset().top
}, 'slow');
});
});
范围:
<span id="span" style="color:green;"><?php if(isset($smsg)){ echo $smsg;}?></span>
<!-- -^^^^^---- id --->
按钮:
<button type="submit" name="send" id="button" class="btn btn-primary btn-lg" style="padding: 3px 16px;" title="Click to send your message to Talklast.com">Send</button>
更新:按如下方式设置表单操作,以便在重新加载时滚动到跨度。
<form action="#span" method="POST">
https://stackoverflow.com/questions/55128837
复制相似问题