相关疑难解决方法(0)

使用jquery滚动到div

所以我有一个页面,侧面有一个固定的链接栏.我想滚动到不同的div.基本上这个页面只是一个很长的网站,在那里我想使用菜单框滚动到不同的div.

这是我到目前为止的jquery

$(document).ready(function() {
    $('#contactlink').click = function() {
        $(document).scrollTo('#contact');
    }
});

Run Code Online (Sandbox Code Playgroud)

问题是它在加载时自动转到联系人div,然后当我按下#contactlink菜单时它会滚动回到顶部.

编辑:HTML

<!DOCTYPE html>

<html lang="en">

    <head>
    <meta charset="utf-8">

    <!-- jQuery-->
    <script src = "<?php echo base_url() ?>assets/js/jquery.js"></script>

    <!-- .js file-->
    <script src = "<?php echo base_url() ?>assets/js/pagetwo.js"></script>

    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/reset.css" />    

    <!-- .css for page -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/pagetwo.css"/>                       

    <!-- page title-->
    <title><!-- Insert Title --></title>


</head>
<body>
    <div id="container">

        <div id="sidebar">
            <ul>
                <li><a id = "aboutlink" href="#">auck</a></li>
                <li><a id …

Run Code Online (Sandbox Code Playgroud)

jquery scroll

tsh*_*uck

2018 07-10

196
推荐指数

5
解决办法

64万
查看次数

如何转到页面上的特定元素？

在我的HTML页面上,我希望能够"转到"/"滚动到"/"关注"页面上的元素.

通常情况下,我会使用带有a的锚标记href="#something",但我已经使用hashchange事件和BBQ插件来加载此页面.

那么有没有其他方法,通过JavaScript,让页面转到页面上的给定元素？

这是我正在尝试做的基本概述:

function focusOnElement(element_id) {
     $('#div_' + element_id).goTo(); // need to 'go to' this element
}

<div id="div_element1">
   yadda yadda 
</div>
<div id="div_element2">
   blah blah
</div>

<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>

Run Code Online (Sandbox Code Playgroud)

html javascript jquery

Cug*_*uga

2012 11-22

162
推荐指数

5
解决办法

27万
查看次数

使用href链接转到网站内的特定部分

我试图将一些文本与href标签链接到我网站的特定部分.

在主页上我有一个引用,然后是那个人的名字.我想将他的名字链接到我的"关于"部分的"即将举办的活动"标签.

该网站是http://www.verticalministries.net.名称"Aaron Ivey"需要链接到"关于"部分下的"即将发生的事件"选项卡.该网站是一个单页的投资组合,使用JavaScript滚动.

我已经尝试使用name属性,但这不起作用,因为href标签看起来像是
<a href="#about#ivey>Aaron Ivey</a>无效的代码,因为我有通过类滚动的页面.我确实检查了name属性,我确实给了它#ivey.

<div class="fifth_page" style="display:none"> 
            <h1>Upcoming Events</h1>
                <h4>Feb. 15 &#45; Aaron Ivey Band</h4> 
                <a name="#ivey"></a>
                <img src="images/iveypromo.jpg" alt="Aaron Mug Shot" class="floatRight img_left_space" />
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“Aaron Ivey believes that all worship is a response to a creative and compelling God.  Serving as one of the worship pastors at <a href="http://www.austinstone.org" target="_blank">The Austin Stone</a>...</p>  
      </div>

Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激.

如果您还有其他问题,请告诉我.

谢谢.

此致

DHJolesch

php xhtml href

dhj*_*sch

lucky-day

6
推荐指数

1
解决办法

2万
查看次数

自动滚动到焦点输入视图

键盘打开时如何启用自动滚动来聚焦输入？我创建了一个简单的演示,其中有2个输入:

<div style="height:300px;"></div>
<form action="/">
   <input type="text" />
   <br/>
   <input type="text" /> 
   <button>ok</button>
</form>
<div style="height:300px;"></div>

Run Code Online (Sandbox Code Playgroud)

当我点击页面底部的输入时,键盘打开并隐藏输入.