Question

我有一个CSGO Gamble网站，我希望在水平div中使用滚动条显示当前项目所有我所做的是

以下是代码：

<?php
@include_once('set.php');
@include_once('steamauth/steamauth.php');
@include_once "langdoc.php";
$lang = $_COOKIE["lang"];

$gamenum = fetchinfo("value","info","name","current_game");
if(!isset($_SESSION["steamid"])) $admin = 0;
else $admin = fetchinfo("admin","users","steamid",$_SESSION["steamid"]);
$ls2=0;
//$rs69 = mysql_query("SELECT * FROM `game".$gamenum."` GROUP BY `userid` ORDER BY `id` DESC");
$rs69 = mysql_query("SELECT * FROM `game25` GROUP BY `userid` ORDER BY `id` DESC");?>
<?php if(mysql_num_rows($rs69) == 0): ?>
<?php else: ?>
    <?php $row69 = mysql_fetch_array($rs69); ?>
        <?php
        if(!empty($row69['userid'])):
        $ls2++;
        $avatar = $row69["avatar"];
        $userid = $row69["userid"];
        $username = fetchinfo("name", "users", "steamid", $userid);
        $usn = '"item" title="'.$username.'"';
        $steamid = fetchinfo("steamid", "users", "steamid", $userid);
        $rs2 = mysql_query("SELECT SUM(value) AS value FROM `game".$gamenum."` WHERE `userid`='$userid'");
        $row = mysql_fetch_assoc($rs2);
        $sumvalue = $row69["value"];
        ?>

<?php //item stuff
        //$rs322=mysql_query("SELECT * FROM `game".$gamenum."` WHERE `userid`='$userid' ORDER BY `value` DESC ");
        //$rs322=mysql_query("SELECT * FROM `game25` ORDER BY `value` DESC ");
        $rs322=mysql_query("SELECT * FROM `game".$gamenum."` ORDER BY `value` DESC ");
        while ($row699 = mysql_fetch_array($rs322)):
        $imglnk = 'http://steamcommunity-a.akamaihd.net/economy/image/'.$row699["image"].'/70fx58f';
        $wepprice = $row699['value'];
        $weppname = $row699['item'];
        $height="0";
        $ipx="px;";
        $heipx = $height.' '.$ipx;
?>
        <div class = "itemsdrop">
        <div class ="dropitems">
        <img src=<?php echo $imglnk; ?> class="mCS_img_loaded">
        </div>
        <div class="col-lg-11 desc">
        <span class ="number hide"></span>
        </div>
        </div>
        </div>
        <?php $height = $height + "15"; ?>
        <?php
        endwhile;
        endif; //end if(!empty...)
        endif;

        ?>

CSS：

.itemsdrop {
    background:#fff;
    float:left;
    position:relative;
}

.dropitems {
    overflow:hidden;
    overflow-x:scroll;
}

有人可以帮助我吗？让这个工作很好。

Answer 1

Here's水平滚动的一个简单示例。

基本上，您需要将以下属性分配给外部（父）元素（在您的情况下，我认为它将是.itemsdrop）：

white-space: nowrap;
overflow-x: scroll;

这将允许内部元素水平滚动。

您的代码存在的问题是您要为每个框添加水平滚动，而不是父元素。

滚动条到水平div

1 个答案: