Php 滚动到页面的位置,单击jquery&;html
我刚刚改变了我的网站,在我的很多页面上都是从html动态切换到php的。在这样做的过程中,我失去了jquery中使用的滚动效果。该函数允许用户单击标题上的相应链接,并滚动到链接到该按钮的类。在使页面动态化的过程中,页面上的每个div现在都有相同的id。我想知道是否有办法将按钮设置为滚动到特定像素,或者可能使用第n个子元素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
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开始,好的,我将尝试一下。谢谢你的帮助!