单页响应式网站与选择菜单，可以移动到定位点

问题描述：

我一直在一个页面响应网站的工作与一个固定的标题，停留在顶部，它基本上滚动到不同点取决于你导航按钮你点击（它只是一个简单的UL菜单）现在，当浏览器缩小到一定的大小，我希望它切换到一个选择菜单，你可以点击滚动到页面的一部分。单页响应式网站与选择菜单，可以移动到定位点

我能做到这一切很容易我只是无法让它通过锚点滚动到他们。

我知道你做这件事的方式是通过js，因为我一直在阅读其他有类似问题的人，但回复似乎被发布给了一些对js有一定了解的人。这给我带来了这个问题，我对js非常可怕:(所以任何人都可以告诉我我需要做什么才能做出选择菜单，然后滚动到带有js的页面上的锚点。这是我已经有了。

 <ul id="nav"> 
       <li><a href="#home">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#portfolio">Portfolio</a></li> 
       <li><a href="#services">Services</a></li> 
      </ul> 

      <select> 
       <option value="" selected="selected">Navigation</option> 
       <option value="#home">Home</option> 
       <option value="#about">About</option> 
       <option value="#portfolio">Portfolio</option> 
       <option value="#services">Services</option> 
      </select>

，如果有帮助的一切，我使用的是骨架样板为我的网站。

在此先感谢球员:)

（我不知道我看到不同的人说选择菜单需要在窗体标签中，有些人说它是d如果你可以澄清，这将是真棒:)）

你有没有试过这个。 – Jai 2013-03-07 05:59:12

网上有很多教程，教你如何设计一个响应式网站。如果你想要一个响应式设计，最好的方法是先从最小分辨率开始，然后再将它构建到最大。 – 2013-03-07 06:53:38

答

我不知道我是否理解你的问题是正确的。带有“#something”href的achor的想法是当点击它时，它将“#something”添加到您的URL中，称为fragment。这会导致浏览器尝试将id为“something”的元素置于屏幕顶部。

对不起，如果这不是你的问题 - 如果它不是请澄清。

好吧以http://www.wampserver.com/en/为例举一个例子吧。当你点击它的导航菜单时，它会向下滚动到页面上的某些东西的位置，我基本上只是为了可用性而尝试使用仅在手机大小上可见的选择菜单来做到这一点。我需要的唯一的东西是弄清楚我怎样才能得到一个选择菜单滚动到#something。 iv做了研究，人们说你不能在选择菜单中使用锚点，除非你使用一些jquery来帮助它，我不知道jquery非常好，所以即时通讯寻找一个解释它在愚蠢的条款对我来说如何做到这一点。 – SteveJeffs 2013-03-07 05:58:13

@ user2142866它只是一个建议，已经有这样的问题，你应该以正确的方式搜索。尝试'单击'动画html身体'。 – Jai 2013-03-07 06:01:55

@Jai现在我很困惑，iv找了好像发布这个问题之前好一个小时，我需要的是一个选择菜单，能够滚动到一个页面上的一个点，就像你会怎么处理锚点，iv看到其他人的答案到类似的问题涉及jQuery的东西，我应该甚至打扰这个或只是将其更改为正常的下拉菜单，而不是选择菜单？ – SteveJeffs 2013-03-07 06:08:44

单页响应式网站与选择菜单，可以移动到定位点

相关推荐