溢出:隐藏 - 滚动

时间:2015-05-23 16:23:48

标签: html css

是否可以在CSS的正文部分使用[mapView setCenterCoordinate:mapView.userLocation.location.coordinate animated:YES]; ,同时仍然可以使用键盘上的箭头滚动?

另外,我喜欢使用“拖动”选项在我的div中导航(滚动)。可能吗?就像在Google地图中一样

2 个答案:

答案 0 :(得分:0)

您可以尝试overflow:scroll;这应该允许您滚动查看溢出。

答案 1 :(得分:0)

您可以使用var Form = React.createClass({ render: function () { return( <div className="container form-border"> <h2>Enter your info to subscribe.</h2> <form> <div classNameName="form-group has-success has-feedback"> <label className="control-label" for="name">Name</label> <input type="text" className="form-control" id="nameInput" placeholder="Name" /> <span className="glyphicon glyphicon-ok form-control-feedback"></span> </div> <div className="form-group has-warning has-feedback"> <label className="control-label" for="emailInput">Email address</label> <input type="email" className="form-control" id="emailInput" placeholder="Enter email" /> <span className="glyphicon glyphicon-warning-sign form-control-feedback"></span> </div> <div className="form-group has-error has-feedback"> <label className="control-label" for="passInput">Password</label> <input type="password" className="form-control" id="passInput" placeholder="Password" /> <span className="glyphicon glyphicon-remove form-control-feedback"></span> </div> <div className="form-group"> <label for="comments">Comments</label> <textarea className="form-control" id="commentInput" rows="3" placeholder="Enter comments here"></textarea> </div> <div className="row"> <div className="col-xs-6"> <div className="form-group"> <div className="checkbox-inline"> <label> <input type="checkbox" value="" checked /> Option one </label> </div> <div className="checkbox-inline"> <label> <input type="checkbox" value="" />Option two </label> </div> <div className="checkbox disabled"> <label> <input type="checkbox" value="" disabled /> Option three (disabled) </label> </div> </div> <div className="form-group"> <div className="radio-inline"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked />Option one </label> </div> <div className="radio-inline"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />Option two </label> </div> <div className="radio disabled"> <label> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled /> Option three (disabled) </label> </div> </div> </div> <div className="col-xs-6"> <div className="form-group"> <label for="jobForm">How would you describe yourself?</label> <select name="profession" id="profession" className="form-control"> <option value="default">Select an option...</option> <option value="developer">Developer</option> <option value="designer">Designer</option> <option value="director">Director/Manager</option> <option value="joke">Puppet Maker</option> </select> </div> <div className="form-group"> <label for="useForm">How will you be using this service?</label> <select name="use" id="use" className="form-control" multiple> <option value="personal">Personal</option> <option value="production">Production</option> <option value="corporate">Corporate</option> <option value="joke">With gusto</option> </select> </div> </div> </div> <button type="submit" className="center btn btn-default">Submit</button> </form> </div> ); } }); ,或者更具体,例如overflow:scroll;。但是这将显示滚动条(您可以查看overflow-x: hidden; overflow-y: scroll,修改滚动条,但我相信任何更改都是全局的)。

此外,Google地图使用javascript实现了这项功能。我不知道使用HTML和CSS实现类似功能的任何技术。如果您发现,请发布您的方法。