首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >单击按钮后自动滚动到特定的PHP消息

单击按钮后自动滚动到特定的PHP消息
EN

Stack Overflow用户
提问于 2019-03-13 02:56:47
回答 1查看 810关注 0票数 1

在我的网站(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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-13 03:00:03

将一些选择器设置为用于唯一标识( idclass )的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://support.google.com/richmedia/answer/190941?hl=en

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55128837

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档