小编Raj*_*kla的帖子

如何使用jquery设置顶部位置

我正在创建自定义div滚动条,并希望设置内容div的顶部位置.我的jquery代码如下:

containerOuterHeight=$("#messagePopUpContainer").outerHeight();
            contentOuterHeight=$("#content").outerHeight();
            contentTopPosition=$("#content").offset().top;
            alert("contentTopPosition"+contentTopPosition);
            alert(contentTopPosition-(containerOuterHeight/20));
            $("#content").offset().top=contentTopPosition-(containerOuterHeight/20);
            //$("#content").css("top",( contentTopPosition-(containerOuterHeight/20) ) + "px");
            alert("contentTopPosition"+$("#content").offset().top);
            //alert("Fontsize"+$('#content').css('font-size') );

Run Code Online (Sandbox Code Playgroud)

和HTML是:

<div id='messagePopUpContainer' style='background-color:#ffffff; overflow: hidden;'>
<a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler("' + elmId + '");'></a>

Run Code Online (Sandbox Code Playgroud)

<div id='content' style='width:350px'>' + methods.settings[elmId].text + '</div >
<div id='popupReturn'>Return</div></div></div>'

Run Code Online (Sandbox Code Playgroud)

jquery

Raj*_*kla

2017 07-28

63
推荐指数

4
解决办法

19万
查看次数

使用javascript获取focus元素的id

我有单个Html页面有许多锚元素.这个单一的Html页面包含许多div部分.每次只显示一个零件,并且将专注于该零件的特定锚点.这个html还包含一个div来打开弹出窗口.当这个弹出窗口将打开特定于此的锚点将集中.现在我希望早些时候重点关注弹出锚点.我的代码如下: -

<body onload="Main.onLoad();" onunload="Main.onUnload();">

        <a href='javascript:void(0);' id='anchor' onkeydown='Main.MainKeyHandler();'></a>
        <a href='javascript:void(0);' id='anchorAboutUs' onkeydown='Main.MainKeyHandler1();'></a>
        <a href='javascript:void(0);' id='anchorSecondScreen' onkeydown='Main.MainKeyHandler2();'></a>
        <a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler();'></a>
        <div id="ParentDiv">
            <div id="SplashScreenDiv">
                <div id="SplashScreen"></div>
            </div>
            <div id="Logo"></div>
            <div id="Header"></div>
            <div  id='messagePopup'  style='position:relative;width:500px;z-index:1000;background-color:#ffffff;'><div ></div ><div id='popupReturn'>Return</div><div>
            <div id="PopUp">
                <div id="YesBtn"></div>
                <div id="NoBtn"></div>
            </div>
            <div id="FirstScreen">
            <div id="testinfo" style="color:#ff0000; width:600px; height:50px; overflow:hidden; font-size:xx-large; "></div>
                <div id="btn_horoscope"></div>
                <div id="btn_aboutus"></div>
            </div>
            <div id="AboutUsScreen" >
                <div id="AboutUsImgDiv">
                    <div id="AboutUsImg"></div>
                </div>
                <div id="aboutUsInfoDiv">
                    <div id="aboutUsInfo"></div>
                </div>
            </div>
            <div id="SecondScreen" >
                <div id="HoroscopeImg" class="HoroImage"></div> …

Run Code Online (Sandbox Code Playgroud)

javascript focus

Raj*_*kla

2012 04-03

5
推荐指数

1
解决办法

4万
查看次数