Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/263.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 滚动到页面的位置,单击jquery&;html_Php_Jquery_Html - Fatal编程技术网

Php 滚动到页面的位置,单击jquery&;html

Php 滚动到页面的位置,单击jquery&;html,php,jquery,html,Php,Jquery,Html,我刚刚改变了我的网站,在我的很多页面上都是从html动态切换到php的。在这样做的过程中,我失去了jquery中使用的滚动效果。该函数允许用户单击标题上的相应链接,并滚动到链接到该按钮的类。在使页面动态化的过程中,页面上的每个div现在都有相同的id。我想知道是否有办法将按钮设置为滚动到特定像素,或者可能使用第n个子元素 function ScrollTo(id, speed) { $('html, body').animate({ scrollTop: $(id).offset

我刚刚改变了我的网站,在我的很多页面上都是从html动态切换到php的。在这样做的过程中,我失去了jquery中使用的滚动效果。该函数允许用户单击标题上的相应链接,并滚动到链接到该按钮的类。在使页面动态化的过程中,页面上的每个div现在都有相同的id。我想知道是否有办法将按钮设置为滚动到特定像素,或者可能使用第n个子元素

function ScrollTo(id, speed)
{
$('html, body').animate({
        scrollTop: $(id).offset().top
    }, speed);

    return false;
}


<div class="header-case2">
        <a class="case2" onclick="ScrollTo('.case-div-1', 599)">Technology</a>
        <a class="case2" onclick="ScrollTo('.case-div-2', 599)">Local Authority     Modules</a>
        <a class="case2" onclick="ScrollTo('.case-div-3', 599)">Data Channel</a>
        <a class="case2" onclick="ScrollTo('.case-div-8', 599)">Housing     Solutions</a>
        <a class="case2" onclick="ScrollTo('.case-div-4', 599)"> Tenant     Engagement</a>
        <a class="case2" onclick="ScrollTo('.case-div-6', 599)">H&A Management</    a>
       </div>


$query = $handler->query('SELECT * FROM solutions');
$results = $query->fetchAll(PDO::FETCH_ASSOC);

for ($i=0; $i < count($results); $i++) {

  echo '<div class="case-div">';
  echo '<h2 class="upper-blue">'.$results[$i]['headline'].'<br>'.'</h2>';
  echo '<p class="pp13">'.$results[$i]['text'].'<br>'.'</p>';
  echo '</div>';
  echo '<div class="pa7"></div>';
}
功能滚动到(id、速度)
{
$('html,body')。设置动画({
scrollTop:$(id).offset().top
},速度);
返回false;
}
技术
地方当局模块
数据通道
住房解决方案
承租人约定
H&A管理
$query=$handler->query('SELECT*FROM solutions');
$results=$query->fetchAll(PDO::FETCH_ASSOC);
对于($i=0;$i”;
echo'

。$results[$i]['text'].
'.

'; 回声'; 回声'; }
您的div缺少增量-

这可以通过添加$i(for循环的索引)轻松解决,这样divs类-

echo '<div class="case-div-'.$i.'">';
echo';
或许

echo '<div class="case-div-'.$i+1.'">';
echo';

因为它从零开始-这将使onclick再次工作。

您的div缺少增量-

这可以通过添加$i(for循环的索引)轻松解决,这样divs类-

echo '<div class="case-div-'.$i.'">';
echo';
或许

echo '<div class="case-div-'.$i+1.'">';
echo';

因为它从零开始-这将使onclick再次工作。

echo';或者是“回声”@Stender如果我加上:.$I。这将自动递增每个div?$i是数组的索引-从0开始,好的,我将尝试一下。谢谢你的帮助!回声';或者是“回声”@Stender如果我加上:.$I。这将自动递增每个div?$i是数组的索引-从0开始,好的,我将尝试一下。谢谢你的帮助!