页面加载时jquery触发器锚点滚动？

问题描述：

I have downloaded the jquery scroll script (http://www.position-absolute.com/articles/better-html-anchor-a-jquery-script-to-slide-the-scrollbar/) which will scroll to your anchor when you click a link. However, I was wondering if there was any way to customise this using php/jquery to grab an item id from the URL, then scroll to that item id when the page loads?

Here's the scroll js:

$(document).ready(function() {
    $("a.anchorLink").anchorAnimate()
});

jQuery.fn.anchorAnimate = function(settings) {

    settings = jQuery.extend({
        speed : 1100
    }, settings);   

    return this.each(function(){
        var caller = this
        $(caller).click(function (event) {  
            event.preventDefault()
            var locationHref = window.location.href
            var elementClick = $(caller).attr("href")

            var destination = $(elementClick).offset().top;
            $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
                window.location.hash = elementClick
            });
            return false;
        })
    })
}

Here's an example URL with the itemid in it:

http://www.somesite.com/index.php?view=list&itemid=3

^^ so basically I need the itemid grabbed (using php I presume?) and then tell jQuery to scroll to that anchor:

<a name="3" id="3"></a>

Any help would be appreciated :)

我已经下载了jquery滚动脚本（http://www.position-absolute.com/articles/better- html-anchor-a-jquery-script-to-slide-the-scrollbar /）当你点击链接时会滚动到你的锚点。但是，我想知道是否有任何方法可以使用php / jquery从URL中获取项目ID，然后在页面加载时滚动到该项目ID？ p>

这是 scroll js： p>

  $（document）.ready（function（）{
 $（“a.anchorLink”）。anchorAnimate（）
}）; 
 \  njQuery.fn.anchorAnimate = function（settings）{
 
 settings = jQuery.extend（{
 speed：1100 
}，settings）;  
 
返回this.each（function（）{
 var caller = this 
 $（caller）.click（function（event）{
 event.preventDefault（）
 var locationHref = window.location.href  
 var elementClick = $（caller）.attr（“href”）
 
 var destination = $（elementClick）.offset（）。top; 
 $（“html：not（：animated），body：not  （：动画）“）。animate（{scrollTop：destination}，settings.speed，function（）{
 window.location.hash = elementClick 
}）; 
返回false; 
}）
}）  
} 
  code>  pre> 
 
 以下是包含itemid的示例网址： p> 
 
 
  http：// www。  somesite.com/index.php?view=list&itemid=3

nn^^所以基本上我需要抓住itemid（使用php我假设？）然后 告诉jQuery滚动到那个锚点： p> 
 
 
 ＆lt; a name =“3”id =“3”＆gt;＆lt; / a＆gt; 
  code>   pre> 
 
 任何帮助将不胜感激：） p> 
  div>

答

No need for PHP here at all! You're in luck! There is a jQuery plug-in that can grab and parse the query string. http://plugins.jquery.com/project/query-object. If you want to roll your own, just test the location.href property in JavaScript as it contains the query string. http://www.w3schools.com/jsref/prop_loc_href.asp

页面加载时jquery触发器锚点滚动？

相关推荐