首页 > 学院 > 开发设计 > 正文

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

2019-11-06 09:05:00
字体:
来源:转载
供稿:网友
<!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>
上一篇:Spring相关jar文件的下载

下一篇:AES算法

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表