如何以編程方式禁用jQuery頁面滾動使用jQuery，我想禁用身體的滾動：我的想法是：集body{ overflow: hidden;}捕捉電流scrollTop();/scrollLeft()綁定到主體滾動事件，將滾動頂/滾動左側(cè)設(shè)置為捕獲的值。有更好的辦法嗎？最新情況：請看看我的例子，以及為什么http://jsbin.com/ikuma4/2/edit我知道有人會想“他為什么不position: fixed在面板上？“。請不要提出這個建議，因為我有其他原因。
3 回答
斯蒂芬大帝
TA貢獻(xiàn)1827條經(jīng)驗 獲得超8個贊
我發(fā)現(xiàn)做這件事的唯一方法與你所描述的相似：
抓取當(dāng)前滾動位置(不要忘記水平軸！)
將溢出設(shè)置為隱藏(可能希望保留以前的溢出值)。
將文檔滾動到已存儲的滾動位置，并使用SCROLLTO()。
當(dāng)你準(zhǔn)備再次允許滾動時，撤銷所有這些。
編輯：沒有理由我不能給你代碼，因為我費(fèi)盡心思去挖掘它.
// lock scroll position, but retain settings for later
var scrollPosition = [
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
];
var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
html.data('scroll-position', scrollPosition);
html.data('previous-overflow', html.css('overflow'));
html.css('overflow', 'hidden');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
// un-lock scroll position
var html = jQuery('html');
var scrollPosition = html.data('scroll-position');
html.css('overflow', html.data('previous-overflow'));
window.scrollTo(scrollPosition[0], scrollPosition[1])
長風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗 獲得超7個贊
$('#element').on('scroll touchmove mousewheel', function(e){
e.preventDefault();
e.stopPropagation();
return false;})添加回答
舉報
0/150
提交
取消