首页 \ 问答 \ twitter bootstrap table css(twitter bootstrap table css)

twitter bootstrap table css(twitter bootstrap table css)

 我正在使用twitter bootstrap框架开发一个asp.net c＃应用程序。  
 我试图不添加更改或添加任何CSS，所以想知道以下内容  
 我有一个asp.net gridview，最终呈现为表格。 我想知道什么是应用于表的css类？  
 ASP.NET C＃Twitter Bootstrap  
<table cellspacing="0" rules="all" border="1" id="VideoList" style="border-  collapse:collapse;">
        <tr>
            <th scope="col">&nbsp;</th><th scope="col">&nbsp;</th>
        </tr><tr>
            <td>Senior Care</td><td>
                        </td>
        </tr><tr>
            <td>Cardiac Catheterization Lab</td><td>
                        </td>
        </tr>
    </table>
 
 任何想法将不胜感激。 

i am developing an asp.net c# application using the twitter bootstrap framework.  
i am trying not to add change or add any CSS so wanted to know the following 
i have a asp.net gridview, which eventually renders as table. i wanted to know what is the css class to be applied for tables? 
ASP.NET C# Twitter Bootstrap 
<table cellspacing="0" rules="all" border="1" id="VideoList" style="border-  collapse:collapse;">
        <tr>
            <th scope="col">&nbsp;</th><th scope="col">&nbsp;</th>
        </tr><tr>
            <td>Senior Care</td><td>
                        </td>
        </tr><tr>
            <td>Cardiac Catheterization Lab</td><td>
                        </td>
        </tr>
    </table>
 
any ideas will be much appreciated.

原文：https://stackoverflow.com/questions/16679879

更新时间：2021-07-26 10:07

最满意答案

var startOn = 5;
var mc = $('#main_content').offset().top;
var rc = $('#related_content').offset().top;
var om = $('#openmodal').offset().top;

var rangeLimit = rc - om;
 
 您在滚动函数之外声明这些，因此它们始终具有在页面加载时获得的初始值。 您需要将它们放入处理滚动事件的函数中。 

I believe I've finally figure it out!  
So basically I cannot get an hidden element position, and I have to use position() instead of offset(). 
Here is what I've ended up with: 
<!DOCTYPE html>
<html>
<head>
    <title>Test 1</title>
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(window).load(function() {


     var startOn = 5;
     var rc = $('#related_content').position().top;
     var om = $('#openmodal').position().top;
     $('#openmodal').hide();

    var rangeLimit = rc - om; 

    $(window).scroll(function() {

        var wscroll = $(this).scrollTop();

        $('#openmodal').text('Y:' + wscroll);

        if ( wscroll <= rangeLimit && wscroll > startOn ) {

            $('#openmodal').fadeIn(500);


        } else {

            $('#openmodal').fadeOut(500);

        }
    });

});
</script>
<style type="text/css">

    body { 
        background-color: #fff; 
    }

    div { 
       height: 1400px; /* For testing purposes only! It will vary afterwords. */
       border-top: 1px dotted black; 
       padding: 50px; 
       margin: 20px 20px 40px; 
       background-color: #F0F0F0;
    }

    div#wrapper { height: auto; border: none; background-color: #fff;}

    #openmodal {
            position: fixed;
            background-color: #0F5F01;
            cursor: pointer;
            bottom: 20px;
            left: 6px;
            width:60px;
            border: 1px solid black;
            height: 27px;
            padding: 0;
            z-index: 999;
    }

</style>
</head>

<body>

<div id="wrapper">

<h1>My Website!</h1>

    <div id="main_content">
     <h2>This is my main content.</h2>
    </div>

    <div id="openmodal"></div>

    <div id="related_content">
     <h3>And this is my related content.</h3>
    </div>

</div>
</body>
</html>

twitter bootstrap table css(twitter bootstrap table css)

最满意答案

相关问答

如何防止通过固定元素滚动(how to prevent scrolling through fixed element)[2022-11-08]

jQuery - 滚动过去另一个后隐藏固定元素(jQuery - Hide Fixed Element After Scrolling Past Another)[2023-04-10]

如何使一个固定的头滚动过去之后(How to make a header fixed after scrolling past it)[2022-07-30]

当经过另一个时隐藏固定元素(Hide fixed element when past another)[2022-12-05]

滚动时根据其他元素显示/隐藏（切换）固定元素？(Show/Hide (Toggle) a Fixed Element Depending on Other Elements When Scrolling?)[2023-06-15]

固定元素忽略水平滚动(Fixed element ignores scrolling horizontally)[2023-11-15]

隐藏粘性Div一旦滚动过去的下一个父Div(Hide Sticky Div Once Scrolling Past Next Parent Div)[2022-05-21]

当滚动元素的底部到达父元素的结尾时，停止jQuery固定位置滚动(Stop jQuery fixed position scrolling when bottom of scrolling element reaches end of parent element)[2022-09-03]

在Safari中滚动固定/静态错位元素之间的切换(Scrolling toggle between fixed/static misaligns element in Safari)[2022-12-04]

jQuery在固定div中无限滚动滚动(jQuery infinite scrolling scrolling in fixed div)[2022-11-07]

相关文章

最新问答