如何修復按鈕，使其不滾動內容

如何修復按鈕，使其不會滾動內容。小提琴 http://jsfiddle.net/ravi1989/LegZv/1/如何修復按鈕，使其不滾動內容

$(document).on('click', '.search_h', function() { 

    $("#searchbar").toggle("slow"); 
});

我用CSS：

position :relative 
position :fixed

但它不工作

當我補充一點，頭格文本（內容）內的div來的股利以上：（

首先點擊它顯示的按鈕與內容一起滾動

來源

2013-08-29 Rohit

它不會爲我滾動。 –

我已經這樣做..你可以檢查我的小提琴 – Rohit

既然你用'jquery-mobile'標記了這個，我假設你在移動瀏覽器中測試了這個嗎？其中大多數不支持「position：fixed」，原因很簡單，因爲它通常會導致大的元素，使得其他所有內容在小屏幕上完全無法訪問。 – CBroe

使用CSS屬性上面。點擊按鈕。取變量並使用它。

$('#realTimeContents').css('top','45px') 
$("#searchbar").show("slow"); 


    $('#realTimeContents').css('top','0px') 
    $("#searchbar").hide("slow");

來源

2013-08-29 13:30:39 user2704613

-1

你把內容和按鈕放在同一個地方意味着放在不同的div。所以你可以設置位置：固定的按鈕。

來源

2013-08-29 12:11:01

設置爲內容屬性position：relative; –

已經做到了 – Rohit

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">

在你的HTML中你有上面的代碼。只需將其刪除，它就不會沿着內容向下滾動。

LIVE DEMO

來源

2013-08-29 13:11:40

如何修復按鈕，使其不滾動內容

回答

相關問題