jquery操做滾動條滾動到指定元素位置 scrollTop

　　$('.brand_t a').bind('click',function(){
		if($(this).attr('title1')){
			var toChar = $(this).attr('title1');		
		}else{
			var toChar = $(this).attr('title');		
		}
　　　　　　　　//取得元素並滑動到當前元素
		var t_a = $(".brand_m_t[name='" + toChar+ "']").offset();		
		$("html,body").animate({scrollTop:t_a.top - "90" + "px"}, 500);
		return;
	});

 

$('.brand_t a').bind('click',function(){        
        var navBlock ;
        //當前的首位置
                var toChar     = $(this).attr('title');        
        var ikey = 0; 
        for( var i=0; i< nav.length;i++){
            if(nav[i] == toChar){
                ikey = i;    break;
            }
        }
            //若是當前的位置不存在(位置內的size小於1),則找到存在的位置併到達.
        for( var j = ikey; j< nav.length ; j++ ){        
            var val = nav[j];
            navBlock = $("a[name='" + val + "']").size();
            if( navBlock > 0 ){
                toChar = val;                
                break;
            }
        }
        var t_a = $("a[name='" + toChar+ "']").offset();        
        $("html,body").animate({scrollTop:t_a.top - "85" + "px"}, 500);    
        return;
    });                

 

 

 

 

 

$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也能夠用slow代替

 

 

jquery能夠經過animate方法來實現動畫。其用法：animate(params, [duration], [easing], [callback])

其 中第一個參數是一組要實現動畫的最終css樣式。第二個參數是執行動畫的時間，第三個參數是動畫的效果，須要插件的配合。最後一個參數是動畫執行完成以後 執行的處理函數。而有些時候在實現動畫的時候須要自定義一些動畫處理，好比說文本的改變，多個DOM元素一塊兒的動畫，採用上面的用法就不能實現了，不過 jquery還提供了另外的一種用法：animate（params， ｛duration：1000，easing："***",step:function(obj){*******},complete: [callback]}）

在step中就是動畫執行每一步（每一幀）的時候將執行的處理函數。這樣就能夠實現自定義複雜的動畫效果了！

 

 

標籤屬性   屬性   描述   
ALIGN   align   設置或獲取表格排列。   
ALLOWTRANSPARENCY   allowTransparency   設置或獲取對象是否可爲透明。   
APPLICATION   APPLICATION   代表對象的內容是否爲   HTML   應用程序(HTA)，以便免除瀏覽器安全模式。   
ATOMICSELECTION   指定元素及其內容是否能夠一不可見單位統一選擇。   
BEGIN   begin   設置或獲取時間線在該元素上播放前的延遲時間。   
BORDER   border   設置或獲取框架間的空間，包括   3D   邊框。   
canHaveChildren   獲取代表對象是否能夠包含子對象的值。   
canHaveHTML   獲取代表對象是否能夠包含豐富的   HTML   標籤的值。   
CLASS   className   設置或獲取對象的類。   
contentWindow   獲取指定的   frame   或   iframe   的   window   對象。   
DATAFLD   dataFld   設置或獲取由   dataSrc   屬性指定的綁定到指定對象的給定數據源的字段。   
DATASRC   dataSrc   設置或獲取用於數據綁定的數據源。   
disabled   獲取代表用戶是否可與該對象交互的值。   
END   end   設置或獲取代表元素結束時間的值，或者元素設置爲重複的簡單持續終止時間。   
firstChild   獲取對象的   childNodes   集合的第一個子對象的引用。   
FRAMEBORDER   frameBorder   設置或獲取是否顯示框架的邊框。   
hasMedia   獲取一個代表元素是否爲   HTML+TIME   媒體元素的   Boolean   值。   
HEIGHT   height   設置或獲取對象的高度。   
HIDEFOCUS   hideFocus   設置或獲取代表對象是否顯式標明焦點的值。   
HSPACE   hspace   設置或獲取對象的水平邊距。   
ID   id   獲取標識對象的字符串。   
innerText   設置或獲取位於對象起始和結束標籤內的文本。   
isContentEditable   獲取代表用戶是否可編輯對象內容的值。   
isDisabled   獲取代表用戶是否可與該對象交互的值。   
isMultiLine   獲取代表對象的內容是包含一行仍是多行的值。

isTextEdit   獲取是否可以使用該對象建立一個   TextRange   對象。   
LANG   lang   設置或獲取要使用的語言。   
LANGUAGE   language   設置或獲取當前腳本編寫用的語言。   
lastChild   獲取該對象   childNodes   集合中最後一個子對象的引用。   
longDesc   設置或獲取對象長描述的統一資源標識符(URI)。   
MARGINHEIGHT   marginHeight   設置或獲取顯示框架中文本以前的上下邊距高度。   
MARGINWIDTH   marginWidth   設置或獲取顯示框架中文本以前的左右邊距寬度。NAME   name   設置或獲取框架的名稱。   
nextSibling   獲取對此對象的下一個兄弟對象的引用。   
nodeName   獲取特定結點類型的名稱。   
nodeType   獲取所需結點的類型。   
nodeValue   設置或獲取結點的值。   
offsetHeight   獲取對象相對於版面或由父座標   offsetParent   屬性指定的父座標的高度。   
offsetLeft   獲取對象相對於版面或由   offsetParent   屬性指定的父座標的計算左側位置。   
offsetParent   獲取定義對象   offsetTop   和   offsetLeft   屬性的容器對象的引用。   
offsetTop   獲取對象相對於版面或由   offsetTop   屬性指定的父座標的計算頂端位置。   
offsetWidth   獲取對象相對於版面或由父座標   offsetParent   屬性指定的父座標的寬度。 
onOffBehavior   獲取代表指定的   Microsoft®   DirectAnimation®   行爲是否正在運行的對象。   
outerHTML   設置或獲取對象及其內容的   HTML   形式。   
outerText   設置或獲取對象的文本。   
ownerDocument   設置或獲取結點關聯的   document   對象。   
parentElement   獲取對象層次中的父對象。   
parentNode   獲取文檔層次中的父對象。   
parentTextEdit   獲取文檔層次中可用於建立包含原始對象的   TextRange   的容器對象。

previousSibling   獲取對此對象的上一個兄弟對象的引用。   
readyState   獲取對象的當前狀態。   
readyState   獲取代表對象當前狀態的值。   
recordNumber   獲取數據集中生成對象的原始記錄。   
scopeName   獲取爲該元素定義的命名空間。   
SCROLLING   scrolling   設置或獲取框架是否可被滾動。   
SECURITY   SECURITY   獲取代表   frame   或   iframe   的源文件是否應用了特定的安全限制的值。   
sourceIndex   獲取對象在源序中的依次位置，即對象出如今   document   的   all   集合中的順序。   
SRC   src   設置或獲取要由對象裝入的   URL。   
STYLE   爲該設置元素設置內嵌樣式。   
SYNCMASTER   syncMaster   設置或獲取時間容器是否必須在此元素上同步回放。   
SYSTEMBITRATE   獲取系統中大約可用帶寬的   bps。   
SYSTEMCAPTION   代表是否要顯示文原本代替演示的的音頻部分。   
SYSTEMLANGUAGE   代表是否在用戶計算機上的選項設置中選中了給定語言。   
SYSTEMOVERDUBORSUBTITLE   指定針對那些正在觀看演示但對被播放的音頻所使用的語言並不熟悉的用戶來講是否要渲染配音或字幕。   
TABINDEX   tabIndex   設置或獲取定義對象的   Tab   順序的索引。   
tagName   獲取對象的標籤名稱。   
tagUrn   設置或獲取在命名空間聲明中指定的統一資源名稱(URN)。   
TIMECONTAINER   timeContainer   設置或獲取與元素關聯的時間線類型。   
TITLE   title   設置或獲取對象的諮詢信息(工具提示)。   
uniqueID   獲取爲對象自動生成的惟一標識符。   
UNSELECTABLE   指定該元素不可被選中。

VSPACE   vspace   設置或獲取對象的垂直邊距。   
WIDTH   width   設置或獲取對象的寬度。