实现搜索框始终位于页面顶部（采用Materialize）

来源：互联网发布：2011年流行的网络歌曲编辑：程序博客网时间：2024/06/07 14:56

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>demo</title>    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">    <script src="/static/jquery/jquery-1.11.1.min.js"></script>    <link href="/static/materialize/css/materialize.min.css" rel="stylesheet">    <script src="/static/materialize/js/materialize.min.js"></script>    <style>        #search {            background-color: #f9f9f9;            margin-top: -1px;        }    </style></head><body><div class="row navbar-fixed">    <div class="input-field col s12" id="search">        <i class="mdi-action-search prefix"></i>        <input id="icon_prefix" type="text" class="validate" oninput="filter(this)"/>        <label for="icon_prefix">搜索</label>    </div></div><script>    $(document).ready(function () {        $('#search').pushpin({top: $('#search').offset().top});    });</script></body></html>

0 0