doubianxian6557
2010-12-20 04:06
浏览 45
已采纳

页面加载时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 :)

图片转代码服务由CSDN问答提供 功能建议

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

这是 scroll js:

  $(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; 
})
})  
} 
   
 
 

以下是包含itemid的示例网址:

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

^^所以基本上我需要抓住itemid(使用php我假设?)然后 告诉jQuery滚动到那个锚点:

 &lt; a name =“3”id =“3”&gt;&lt; / a&gt; 
   
 
 

任何帮助将不胜感激:)

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • duanjue9889 2010-12-20 04:09
    已采纳

    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

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题