HTML/CSS/JAVASCRIPT：如何移動元素而不顯示滾動條

我試圖從頁面外部向頁面內滑動div元素。但是，只要元素顯示在頁面外部，就會出現水平滾動條！HTML/CSS/JAVASCRIPT：如何移動元素而不顯示滾動條

如何在不顯示滾動條的情況下實現此目的？

任何幫助關閉該頁面的元素理解非常長久，謝謝:)

2011-06-14 Jai

所以，你有沒有滑動效果的工作，你只需要滾動條的修正。 – 2011-06-14 22:00:13

簡言之的寬度，使用溢出-X：

function moveStuff() { 
    $('body').css('overflow-x', 'hidden'); 
    $('#iteminmotion').show().animate(..., function() { 
     $('body').css('overflow-x', 'auto'); 
    }); 
}

來源

2011-06-14 22:04:30

謝謝:)完美作品 – Jai 2011-06-14 22:14:58

太好了。我只想到了一些事情：如果你的動畫很長，你可能會考慮在動畫完整回調函數中將overflow-x reset重置爲auto。有些事情要考慮，如果你真的發現這種情況有問題。 – 2011-06-14 22:19:59

唉這就是我做了什麼，但感謝您的意見:) – Jai 2011-06-14 22:45:03

向左移動，移動它向右邊增大了頁面

來源

2011-06-14 21:58:53 Trey

您是否真的需要在頁面外構建元素，還是讓它看起來像滑動到屏幕上？過去我曾經做過類似的事情來模仿滑過頁面的圖形，但我並沒有從視圖區域外創建，而是儘可能將它創建到儘可能遠的位置，然後將幻燈片動畫到中間。此時的用戶體驗可以是從視圖區域外部滑動到頁面上的圖形。

來源

2011-06-14 22:05:37 Karl

你可以暫時通過應用這個CSS的身體關閉側滾動：

body {overflow-x:hidden;}

http://jsfiddle.net/pxfunc/YYUZJ/

來源

2011-06-14 22:07:21 MikeM

謝謝這是我之後 – Jai 2011-06-14 22:15:57

HTML/CSS/JAVASCRIPT：如何移動元素而不顯示滾動條

回答

相關問題