jQuery手風琴自動化面板 - 如何防止頁面滾動？

不確定我真的在使用手風琴小部件，因爲它意味着要使用，但我已自動顯示這些小組，因此網站查看者無需點擊即可查看每個面板。jQuery手風琴自動化面板 - 如何防止頁面滾動？

問題是如果用戶在手風琴循環時向下滾動，頁面會跳回到下一個開始面板。我嘗試了各種各樣的返回錯誤，並嘗試刪除html中的href標籤。

下面是最少的代碼：

<script type="text/javascript"> 
$(function(){ 
$("#accordion").accordion({ header: "h3"}); 
}); 
itemid=0; 
setInterval ("doSomething()", 2000); 
function doSomething(){ 
itemid++; 
$("#accordion").accordion("activate" , itemid); 
if (itemid==2){itemid=-1}; 
} 
</script> 
</head> 
<body> 
<div id="accordion"> 
<div> 
    <h3 style="font-weight:bold;"><a href="#">title1</a></h3> 
    <div>content1</div> 
<div> 
    <h3 style="font-weight:bold;"><a href="#">title2</a></h3> 
    <div>content2</div> 
</div> 
<div> 
    <h3 style="font-weight:bold;"><a href="#">title3</a></h3> 
    <div>content3</div> 
</div> 
</div> 
<br /> 
....

任何人有想法，我來試試呢？

謝謝。

來源

2010-09-01 xgarb

這是一個瀏覽器呈現「問題」。您可以使用Firebug複製它。注意，如果在存在大量內容的情況下向下滾動頁面，並通過將css屬性設置爲顯示來隱藏第一個內容：無（基本上它是動畫製作的）。然後該頁面將自動跳轉到頂部。

一個選項是存儲當前滾動位置的預動畫，然後在動畫完成後滾動到該位置，雖然這很醜陋。

另一種選擇是限制您的內容的高度小於平均頁面大小，那麼您將在活動內容上而不是整個屏幕上具有滾動條。

恕我直言，無論如何它不會看起來不錯。如果我是一名設計師，我會建議設計人員重新思考。如果你將要獲得大量的信息，我不會將它粘在一個不斷變化的手風琴中。

來源

2010-09-03 03:27:02 going

啊，我用Firebug做了一個小測試，你是對的。設置顯示：在視圖外的項目上都沒有使頁面跳轉。我不得不重新思考。手風琴展示了該網站的精彩內容，每個面板都是一個標題和描述，用於顯示右側的圖像或動畫（使用「更改」方法來選擇圖像等）看起來不錯（但隨後作爲設計師我會認爲）。謝謝，xgarb – xgarb 2010-09-03 09:31:42

@xgarb - 它看起來不錯，我不否認，但可能不切實際，你想達到什麼。 – going 2010-09-03 11:05:18

jQuery手風琴自動化面板 - 如何防止頁面滾動？

回答

相關問題