Показать сообщение отдельно
  #5 (permalink)  
Старый 13.10.2016, 10:38
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

rodiony4,
<!DOCTYPE html
<html>
<head>
    <title>Untitled Page</title>

<style type="text/css">
tr {height:50px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body style='height:2000px'>

<div id="fix" style="position:fixed; width:310px; background-color:#ccc;"><span id="sp" style='line-height:50px; '>Товар </span></div>

<table id="tab" style="width:300px; " border="1" cellspacing="0" cellpadding="0">

<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 1</a></td><td>Audi</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 2</a></td><td>Chevrolet</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 3</a></td><td>Daewoo</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 4</a></td><td>Hyundai</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 5</a></td><td>Infiniti</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>'); if($(this).offset().top < parseInt($('#fix').css('height'))) alert('Накрыло');">наименование 6</a></td><td>Lexus</td></tr>
</table>
</body>
</html>

Последний раз редактировалось Dilettante_Pro, 13.10.2016 в 12:03.
Ответить с цитированием