jQuery Mobile 工具栏 updatePagePadding() 方法

jQuery Mobile是一套基于 HTML5 的用户系统交互小部件工具箱，用于构建在 jQuery 之上的各种用途。它旨在构建可用于移动设备、选项卡和桌面的快速响应式网站。

在本文中，我们将使用jQuery Mobile Toolbar updatePagePadding() 方法来固定顶部和底部填充，以使页面的内容元素朝向显示的工具栏的高度。

句法：

$(".selector").toolbar("updatePagePadding");

参数：此方法不接受任何参数。

返回值：此方法返回一个对象值。

CDN 链接：要使用 jQuery Mobile，我们首先必须将其添加到项目中。

示例：此示例描述了 jQuery Mobile工具栏 updatePagePadding()方法。

HTML

  

    
    
    
  
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Toolbar updatePagePadding() method
            
                This is a header toolbar
            
            
            
        
    
    
        $(document).ready(function () {
            $("#Button").on('click', function () {
                $("#headerID").toolbar("updatePagePadding");
                $("#log").html("Page padding updated!");
            });
        });
    

  

输出：

参考： https://api.jquerymobile.com/toolbar/#method-updatePagePadding