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&reg;   DirectAnimation&reg;   行為是否正在運行的對象。   
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   設置或獲取對象的寬度。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM